美文网首页
移动端页面

移动端页面

作者: w_01 | 来源:发表于2017-06-29 00:24 被阅读0次
排版方式:
    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"/>

相关文章

  • 判断PC端或者移动端 跳转对应页面

    移动端页面写法 PC端页面写法

  • 移动端页面

    手机和PC端交互方式不一样,移动端多数没有hover,没有resize,没有滚动条,有touch 1、媒体查询 在...

  • 移动端页面

    媒体查询 第一种方式: 直接在head里写style 比如: 第二种方式:引入CSS文件 上面这行代码表示 : ...

  • 移动端页面

    1、viewport声明的意义 在head中添加以下标签,让手机浏览器以device-width的宽度为初始包含块...

  • 移动端页面

  • 移动端页面

    开发移动端的网页,需要提前准备一些东西 在index.html文件中添加meta标签做移动端适配 引入reset....

  • 移动端web页面适配

    移动端Web页面,即常说的H5页面、手机页面、webview页面等。 手机设备屏幕尺寸不一,在做移动端的Web页面...

  • 移动端

    app Web App Hybird App 移动端页面 设计图 测试 移动端的设置 移动端的布局 弹性 fl...

  • CSS新手向的知识点<三>

    关于移动端页面 通常来讲做移动端页面适配一般有三种方式 前端方向:移动页面响应式,用媒体查询(media quer...

  • 一篇真正教会你开发移动端页面的文章(一)

    一个移动端的时代 从我工作以来,开发的一直都是移动端的页面,只有偶尔去开发几个PC端的页面,现在是一个移动端的时代...

网友评论

      本文标题:移动端页面

      本文链接:https://www.haomeiwen.com/subject/xjipcxtx.html