2016-04-03 39 views
5

Durante l'esperimento con il tag meta viewport ho notato che qualsiasi valore inferiore a 0,25 per la scala iniziale viene trattato come 0,25. Per esempio. tutti i seguentiQual è il valore minimo di "scala iniziale" nel tag meta viewport?

<meta name="viewport" content="width=device-width, initial-scale=0.25"> 
<meta name="viewport" content="width=device-width, initial-scale=0.1"> 
<meta name="viewport" content="width=device-width, initial-scale=0.01"> 
<meta name="viewport" content="width=device-width, initial-scale= "> 

rendere la pagina uguale. Così,

  • è il minimo consentito valle di "iniziale di scala" in meta tag viewport 0.25?
  • Qual è il valore predefinito della scala iniziale?
  • Perché la scala iniziale non assume il valore predefinito, invece di prendere 0,25, quando lo spazio vuoto viene assegnato alla scala iniziale come initial-scale=?

risposta

5

Gli stati W3C

le proprietà iniziali scala, minima scala, e massima scala

Le proprietà sono tradotte in 'zoom', 'min-zoom', e 'max-zoom' rispettivamente con le seguenti traduzioni di valori.

valori numerici
  1. non negativi vengono convertiti in valori, serrato alla gamma [0,1, 10]
  2. valori numerici negativi vengono eliminati
  3. yes viene tradotto a 1
  4. device-width e device-height sono tradotti a 10
  5. no e valori sconosciuti sono tradotti a 0.1

Src: https://www.w3.org/TR/css-device-adapt-1/#translate-meta-to-at-viewport

Con quanto sopra proposta, il minimo dovrebbe essere 0,1, il default 0,1 e quando nessun valore è impostato, viene utilizzato il valore predefinito.

Quindi il browser su cui è stato eseguito il test utilizza molto probabilmente il valore predefinito, ma dal momento che non sembra inferiore a 0,25, come non avviene nei casi di test, non si può dire se lo fa o non lo usa il predefinito.

+0

Suppongo che utilizzi '1' come valore predefinito quando viene omesso l'intero tag viewport o viene omessa la porzione' initial-scale'. – user31782

+0

@ user31782 Sono abbastanza sicuro che non lo sia, e se testi senza impostare 'initial-scale' e usando' initial-scale = 1', vedrai una grande differenza ... altro da leggere e vedere qui : https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag – LGSon