meta 标签中的 viewport 相关属性：
initial-scale 属性用于设置页面初始的缩放比例，缩放比例为理想视口与视觉视口的比值。
--------------------
width: 页面宽度，正整数或 device-width(设备宽度)，定义视口的宽度，单位为像素。
height: 页面高度，正整数或 device-height(设备高度)，定义视口的高度，单位为像素（很少用）。
initial-scale: [0.0-10.0] 设置页面的初始缩放。
minimum-scale: [0.0-10.0] 设置最小的缩小程度，它必须小于或等于maximum-scale设置。
maximum-scale: [0.0-10.0] 设置最大的放大程度，它必须大于或等于minimum-scale设置。
user-scalable: yes / no 设置为 no 时禁用缩放，默认值 yes。
--------------------
若设置：width=device-width iPhone 横屏有 bug。
若设置：initial-scale=1 页面的初始缩放为1，Windows Phone IE 横屏产生 BUG。
若设置：width=device-width,initial-scale=1 兼容 iPhone and Safari of iPad and IE of Windows Phone 横屏 BUG。
若设置：initial-scale=0.1 @media 下的 css 将失效。例如：
<meta name="viewport" content="width=device-width,initial-scale=0.1,user-scalable=0" />文章来源：https://www.toymoban.com/news/detail-469913.html
@media screen and (max-width:768px) {
/*这里所有 CSS 将会罢工*/
}<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=yes" />文章来源地址https://www.toymoban.com/news/detail-469913.html
@media screen and (max-width:768px) {
/*这里所有 CSS 正常工作*/
}到了这里，关于meta 标签中的 viewport 相关属性的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
