移动端页面

排版方式:
    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"/>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容