移动端html5手机网站字体单位font-size选择px还是rem
来源:互联网 发布:美工主管岗位职责 编辑:程序博客网 时间:2024/05/17 02:09
移动端html5手机网站字体单位font-size选择px还是rem
分为两种情况:
①对于只需要适配手机设备,使用px就可以了
②对于需要适配各种移动设备,使用rem,例如只需要适配iPhone和iPad等分辨率差别比较挺大的设备。
rem参考代码:
html {font-size:10px}
@media screen and (min-width:480px) and (max-width:639px) {
html {
font-size: 15px
}
}
@media screen and (min-width:640px) and (max-width:719px) {
html {
font-size: 20px
}
}
@media screen and (min-width:720px) and (max-width:749px) {
html {
font-size: 22.5px
}
}
@media screen and (min-width:750px) and (max-width:799px) {
html {
font-size: 23.5px
}
}
@media screen and (min-width:800px) and (max-width:959px) {
html {
font-size: 25px
}
}
@media screen and (min-width:960px) and (max-width:1079px) {
html {
font-size: 30px
}
}
@media screen and (min-width:1080px) {
html {
font-size: 32px
}
}
阅读全文
0 0
- 移动端html5手机网站字体单位font-size选择px还是rem
- 移动端布局字体单位的选择之px、rem和em揭秘
- 【移动端】基于rem实现手机端页面自适应--动态改变dpr和font-size
- 移动端页面字体单位rem
- 无线字体rem还是px
- 移动端布局单位选择之rem
- 移动前端自适应解决方案(rem font-size)
- 移动端 单位 rem
- 移动端rem单位
- HTML5----字体rem,px,em,设置
- em = px / 字体默认值 (font-size默认16px)
- font-size的单位px与em分析
- css中font-size的单位有px、em、pt
- css中font-size的单位有px、em、pt
- 手机端px转rem
- 移动端字体大小单位rem
- 移动端的rem单位
- css中字体单位的不同:px、em、rem
- 文件存储服务fullgc排查
- 求1加到n
- ImageLoader网络加载图片——可以本地缓存
- java攻城狮面试题<二>
- spring事物配置,声明式事务管理和基于@Transactional注解的使用
- 移动端html5手机网站字体单位font-size选择px还是rem
- linux下串口的开发之非阻塞异步读
- 制作项目文件目录表
- 多文件进行zip压缩
- 欧拉函数,求互质;
- 详解jquery插件中;(function ( $, window, document, undefined )的作用
- 对于手写签名生成图片储存和回显的实现
- bootstrap中的container类和container-fluid类的区别
- Mybatis使用typealias要注意类冲突的问题