meta 標(biāo)簽中的 viewport 相關(guān)屬性：
initial-scale 屬性用于設(shè)置頁(yè)面初始的縮放比例，縮放比例為理想視口與視覺(jué)視口的比值。
--------------------
width:?? ?頁(yè)面寬度，正整數(shù)或 device-width(設(shè)備寬度)，定義視口的寬度，單位為像素。
height:?? ?頁(yè)面高度，正整數(shù)或 device-height(設(shè)備高度)，定義視口的高度，單位為像素（很少用）。
initial-scale:?? ?[0.0-10.0]?? ?設(shè)置頁(yè)面的初始縮放。
minimum-scale:?? ?[0.0-10.0]?? ?設(shè)置最小的縮小程度，它必須小于或等于maximum-scale設(shè)置。
maximum-scale:?? ?[0.0-10.0]?? ?設(shè)置最大的放大程度，它必須大于或等于minimum-scale設(shè)置。
user-scalable:?? ?yes / no?? ?設(shè)置為 no 時(shí)禁用縮放，默認(rèn)值 yes。
--------------------
若設(shè)置：width=device-width iPhone 橫屏有 bug。
若設(shè)置：initial-scale=1 頁(yè)面的初始縮放為1，Windows Phone IE 橫屏產(chǎn)生 BUG。
若設(shè)置：width=device-width,initial-scale=1 兼容 iPhone and Safari of iPad and IE of Windows Phone 橫屏 BUG。
若設(shè)置：initial-scale=0.1 @media 下的 css 將失效。例如：
<meta name="viewport" content="width=device-width,initial-scale=0.1,user-scalable=0" />文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-469913.html
@media screen and (max-width:768px) {
/*這里所有 CSS 將會(huì)罷工*/
}<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=yes" />文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-469913.html
@media screen and (max-width:768px) {
/*這里所有 CSS 正常工作*/
}到了這里，關(guān)于meta 標(biāo)簽中的 viewport 相關(guān)屬性的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
