2016-04-03 23 views
5

在試驗meta viewport標籤時,我注意到任何初始縮放比0.25小的值都被視爲0.25。例如。以下全部內容元視口標籤中「初始縮放」的最小值是多少?

<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= "> 

呈現頁面相同。所以,

  • 是否允許「初始規模」的中谷元視口代碼0.25最低?
  • 初始尺度的默認值是多少?
  • 爲什麼初始縮放比例爲初始縮放比例爲initial-scale=時,初始縮放比例不是0.25而是0.25?

回答

5

W3C的狀態

初始規模,最小化,和最大規模屬性

屬性被翻譯成「變焦」,「分鐘變焦」,和'max-zoom' 分別具有以下值的轉換。

  1. 非負數值被轉換爲值,夾緊 到範圍[0.1,10]
  2. 負數值被丟棄
  3. yes被轉換爲1
  4. device-widthdevice-height被翻譯到10
  5. no和未知的值被轉換成0.1

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

利用上述給定的,最小應爲0.1,默認0.1,並且當沒有設置值,則使用默認值。

因此,您對其進行測試的瀏覽器最可能使用默認值,但由於它不會低於0.25,因爲它不在測試用例中,所以不能說它是否使用默認。

+0

我猜想當整個視口標籤被忽略或'initial-scale'部分被省略時,它使用'1'作爲默認值。 – user31782

+0

@ user31782我很確定它沒有,如果你沒有設置'initial-scale'並且使用'initial-scale = 1'進行測試,你會看到一個很大的區別...更多閱讀和在這裏看到:https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag – LGSon

相關問題