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

移动端的适配

时间:2017-02-04 16:36:45      阅读:183      评论:0      收藏:0      [点我收藏+]

标签:text   xib   apple   宽度   css   one   src   内容   mail   

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-compatible" content="IE=edge">
<title>最新试卷</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta content="telephone=no" name="format-detection" />
<meta content="email=no" name="format-detection" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<link href="../static/css/common.css" rel="stylesheet" type="text/css">
<link href="css/index.css" rel="stylesheet" type="text/css">
<script src="../static/js/flexible_css.js"></script>
<script src="../static/js/flexible.js"></script>
</head>

2. 布局

i. 基本布局:rem

将视觉稿中的px单位转换成rem单位 :

html元素尺寸 =  视觉稿px值 / rem基准值

例如:视觉稿宽度750px,则html中的缩放倍率就是750 / 10 = 75,然后以这个为基准值,如果视觉稿中某块小内容宽度是150px,则html中这块内容宽度就是 150 / 75 = 2rem

移动端的适配

标签:text   xib   apple   宽度   css   one   src   内容   mail   

原文地址:http://www.cnblogs.com/jinchuan/p/6365604.html

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