移动端页面

2017-06-29  本文已影响0人  w_01
排版方式:
    1、一系列的meta标签
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> //优先使用 IE 最新版本和 Chrome 
        <meta name="viewport" content="width=device-width, initial-scale=1.0, minmum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
        viewport 视口    device-width 设备宽度
        initial-scale=1.0  初始缩放比例
        minmum-scale=1.0  最小缩放比例
        maximum-scale=1.0  最大缩放比例
        user-scalble=no   禁止用户自由缩放  yes可以自由缩放 
        <meta name="format-detection" content="telephone=no, email=no" />  //禁止浏览器自动的识别电话和邮箱
        <meta name="apple-mobile-web-app-capable" content="yes"/>  //是否启用 WebApp 全屏模式,删除苹果默认的工具栏和菜单栏//
        <meta name="apple-mobile-web-app-status-bar-style" content="black"/>  //设置苹果工具栏颜色 
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0,   minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
        <meta name="format-detection" content="telephone=no, email=no" />
        <meta name="apple-mobile-web-app-capable" content="yes"/>
        <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
上一篇下一篇

猜你喜欢

热点阅读