Google chrome 视口设备宽度：Safari景观中的宽度/大字体不正确（在Chrome上正确）_Google Chrome_Safari_Mobile Safari_Viewport_Device Width

Google chrome 视口设备宽度：Safari景观中的宽度/大字体不正确（在Chrome上正确）

google-chrome safari

Google chrome 视口设备宽度：Safari景观中的宽度/大字体不正确（在Chrome上正确）,google-chrome,safari,mobile-safari,viewport,device-width,Google Chrome,Safari,Mobile Safari,Viewport,Device Width,添加后，这似乎是一个类似MSIE的灾难，在iOS MobileSafari中占很大比例；事实上，它甚至比这个还要大，因为无论出于何种原因，它显然并没有被Chrome所接受根据：由于iOS在具有不同屏幕分辨率的设备上运行，因此在引用设备的尺寸时，应使用常量而不是数值。使用设备宽度表示设备宽度，使用设备高度表示纵向高度显然，功能是如此可笑的混乱，他们自己甚至不能正确地记录它 LMFTFY：使用设备宽度表示设备的宽度，使用设备高度表示纵向的高度宽度事实证明，围绕这个宽度确实存在一个无Java

添加

后，这似乎是一个类似MSIE的灾难，在iOS MobileSafari中占很大比例；事实上，它甚至比这个还要大，因为无论出于何种原因，它显然并没有被Chrome所接受
根据：
由于iOS在具有不同屏幕分辨率的设备上运行，因此在引用设备的尺寸时，应使用常量而不是数值。使用设备宽度
表示设备宽度，使用设备高度
表示纵向高度
显然，功能是如此可笑的混乱，他们自己甚至不能正确地记录它
LMFTFY：
使用设备宽度
表示设备的宽度，使用设备高度
表示纵向的高度宽度
事实证明，围绕这个宽度确实存在一个无JavaScript的解决方案，毕竟它实际上不是宽度：
不需要设置每个视口属性。如果只设置了属性的一个子集，则iOS上的Safari将推断其他值。例如，如果将比例设置为1.0，Safari将假定纵向宽度为设备宽度
，横向宽度为设备高度
。因此，如果希望宽度为980像素，初始比例为1.0，则设置这两个属性
LMFTFY：
不需要设置每个视口属性。如果只设置了属性的一个子集，则iOS上的Safari将推断其他值。例如，如果将比例设置为1.0，Safari将假定纵向宽度为设备宽度
，横向宽度为设备高度
。因此，如果希望宽度为980像素，初始比例为1.0，则设置这两个属性。如果您练习响应式网页设计，则应仅将初始比例设置为1.0，而不使用宽度属性
例如，显然，如果需要Safari兼容性，那么设置width=devicewidth
的常见建议是完全错误的，可笑的是，应该将viewport属性设置为initial scale=1.0

太长了，读不下去了（尽管他们的TL；DR概要仍然不正确的信息）：
一些浏览器会在旋转到横向模式时保持页面宽度不变，并缩放而不是回流以填充屏幕。添加属性initial scale=1指示浏览器在CSS像素和设备无关像素之间建立1:1的关系，而不考虑设备方向，并允许页面利用整个横向宽度
总之：
-<meta name = 'viewport' content = 'width = device-width' />
+<meta name = 'viewport' content = 'initial-scale = 1' />

-
+