移动端响应式页面开发,借助 rem(旧)

作者:赵金添 分类: 前端 发布于:2015-10-20 16:57 ė956次浏览 60条评论
具体做法请参考:
基于 css3 rem 单位开发移动端响应式页面
本文为旧笔记


笔记代码:
http://my.codelab.cn/2015-10-20/app.html

注意:
设计稿按照宽 640px 设计
(宽 640px * 2 这样做的目的是为了在移动端能高清显示。)

参考:
http://www.520ued.com/article/53e98eafbb16a74c41b5de77
http://jingyan.baidu.com/article/656db918949b59e381249ce1.html
http://520ued.com/article/549125815f85b6b44ca20b2b

参考代码:
html {
font-size: 62.5%; /* 10÷16=62.5% */
}
@media only screen and (min-width: 481px){
html {
font-size: 94%!important; /* 15.04÷16=94% */
}
}
@media only screen and (min-width: 561px){
html {
font-size: 109%!important; /* 17.44÷16=109% */
}

}
@media only screen and (min-width: 641px){
html {
font-size: 125%!important; /* 20÷16=125% */
}
}

本文出自 赵金添的前端博客@福州软件外包公司,转载时请注明出处及相应链接。

0
分享本文至:

发表评论

电子邮件地址不会被公开。必填项已用*标注


Ɣ回顶部