viewport 属性

Posted 以后文章更新在https://ybleeho.github.

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了viewport 属性相关的知识,希望对你有一定的参考价值。

<meta name="viewport" content="width=device-width, initial-scale=1">

当前的viewport宽度设为ideal viewport的宽度,既可以设置 width=device-width,也可以设置 initial-scale=1,但这两者各有一个小缺陷,就是iphone、ipad以及IE 会横竖屏不分,通通以竖屏的ideal viewport宽度为准。所以,最完美的写法应该是,两者都写上去,这样就 initial-scale=1 解决了 iphone、ipad的毛病,width=device-width则解决了IE的毛病:

以上是关于viewport 属性的主要内容,如果未能解决你的问题,请参考以下文章

手机端怎么通过js设置viewport

viewport 属性

Meta元素标签的viewport属性应用

meta 中的属性viewport

手机端的viewport属性

创建自己的代码片段(CodeSnippet)