移动端页面字体单位rem
来源:互联网 发布:linux 桌面 命令 编辑:程序博客网 时间:2024/05/22 16:08
1.rem根据页面大小来自适应
2.写入下面这段js
function fontSize(){
var deviceWidth = $(document).width();if(deviceWidth > 640){
deviceWidth = 640;
console.log(deviceWidth);
}
var fontSize = deviceWidth / 6.4;
$("html").css("fontSize",fontSize);
console.log(fontSize)
}
fontSize();
$(window).resize(function(){
fontSize();
});
3.假如字体是12px。我们就写0.12rem,14==0.14rem,20==0.2rem,以此类推
4.这样在不同分辨率的手机上就会显示不一样的字体大小。
0 0
- 移动端页面字体单位rem
- 移动端 单位 rem
- 移动端rem单位
- 以rem为单位移动端页面开发
- 移动端字体大小单位rem
- 移动端的rem单位
- 移动端html5手机网站字体单位font-size选择px还是rem
- 移动端布局字体单位的选择之px、rem和em揭秘
- 移动端布局单位选择之rem
- 移动端rem单位自适应的用法
- 移动端页面以rem为单位设置字体大小不生效解决方法
- 移动端页面rem用法
- 如何使用rem字体单位
- 移动端自适应布局----rem字体
- 移动端响应式开发rem字体与页面百分比设置
- 关于移动端css用rem单位的情况
- 移动端开发(二):rem单位的计算问题
- 移动端初设置(使用rem作为单位)
- kafka 运行问题:ERROR Uncaught error in kafka producer I/O thread 的处理
- oracle备份压缩删除上传脚本
- MyBatis六运行原理
- 让你的分享飞起来——极光推出社会化分享组件
- 二叉树的深度优先遍历与广度优先遍历
- 移动端页面字体单位rem
- mac操作技巧(持续更新)
- 5-53 Consecutive Factors (20分)
- JavaScript HTML DOM 基础
- 基于okhttp的网络请求
- Scrapy框架学习
- Tensorflow入门学习笔记
- RSSI:Received Signal Strength Indication 基本概念
- PHP——面向对象(笔记)