码迷,mamicode.com
首页 > 移动开发 > 详细

移动端,手机端 响应式布局头部代码

时间:2016-07-21 19:31:44      阅读:4738      评论:0      收藏:0      [点我收藏+]

标签:

<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes" />    
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="format-detection" content="telephone=yes"/>
<meta name="msapplication-tap-highlight" content="no" />

width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no 大概意思是,网页宽度采用设备宽度,缩放比例为1,不允许用户缩放操作。

  • 响应式布局 单位最好用rem;将html的font-size:62.5%; 
  • body{font-size:1.6rem;} 这样 px与rem的转换方式就是px/10=rem;

 

移动端,手机端 响应式布局头部代码

标签:

原文地址:http://www.cnblogs.com/tine/p/5690626.html

(1)
(4)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!