欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

移动端页面

程序员文章站 2022-06-21 10:46:47
...
排版方式:
    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"/>