在尝试使用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= ">
渲染页面相同。所以,
- 允许的最低值是&#34;初始规模&#34;在meta viewport标签0.25?
- initial-scale的默认值是什么?
- 当初始比例为
initial-scale=
时,为什么不将初始比例设为默认值,而不是取0.25,
答案 0 :(得分:7)
W3C声明
初始规模,最小规模和最大规模属性
这些属性被翻译成&#39;缩放&#39;缩放&#39;缩放&#39;和&#39; max-zoom&#39; 分别具有以下值的翻译。
- 非负数值转换为值,钳制 到[0.1,10]
的范围- 删除负数值
yes
被翻译为1device-width
和device-height
被翻译为10- 醇>
no
,未知值转换为0.1
Src:https://www.w3.org/TR/css-device-adapt-1/#translate-meta-to-at-viewport
根据上面给出的,最小值应该是0.1,默认值为0.1,当没有设置值时,使用默认值。
因此,您测试它的浏览器最有可能使用默认值,但由于它似乎不低于0.25,因为它在您的测试用例中没有,所以无法说明它是否或不使用默认值。