移动端适配方案系列教程(2)-一些元标签

viewport

如果想要了解移动端的适配，那么viewport的基础知识是必不可少的。这里我引用MDN上的介绍：在移动浏览器中使用viewport元标签控制布局

理想视口

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

width=device-width代表布局视口=视觉视口，这种即是理想情况下的视口。

忽略数字自动识别为电话号码，适用于safari

<meta name="format-detection" content="telephone=no"/>

WebApp全屏模式，没有地址栏和状态栏全屏显示，类App。

<meta name="apple-mobile-web-app-capable" content="yes"/>

最后，附加一个通用的移动端meta设置，当然，具体还可以更具业务增删,来源是：移动web前端meta通用设置