关于手机端字体设置的rem怎么定义
css格式化文件reset.css中加入：
@media screen and (max-width: 750px){ html{font-size:30px;} }
@media screen and (min-width:640px) and (max-width:749px){ html{font-size:25px; } }
@media screen and (min-width:480px) and (max-width:639px){ html{font-size:20px; } }
@media screen and (min-width:320px) and (max-width:479px){ html{font-size:15px; } }
根据不同尺寸的屏幕，去定义html级的单位字体大小，在PSD转换制作页面的时候，基本的手机端PSD的尺寸为750*1335，对照下来的尺寸也就是1rem=30px，在制作时掌握好计算尺寸就基本能解决这些问题了。
手机端的高度可以固定，宽度能用百分比来表示，就不要用rem去固定，必要的固定宽度的，就用rem固定，像一些按钮，基本都是用百分比去表示宽度的，像一些固定宽度的图标就用rem去固定。
在页面中优先写出媒体查询的标签
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
举例下面三款老年机 设备名称 分辨率 估算字体大小 rem与px转换 iphone5 320568 font-size：12px； 1rem=12px iphone6 375667 font-size：14px； 1rem=14px iphone6 Plus 414*736 font-size：16px； 1rem=16px html,body{ height: 100%; margin: 0; padding: 0; font-size: 14px;}//注意初始样式必须写在最顶部！！！！如果写在媒体查询底部的话就会覆盖上方的媒体查询（因为是层叠样式表嘛~） @media screen and (max-width:320px ) { html{font-size: 12px;} } @media screen and (min-width:321px) and (max-width:750px ) { html{font-size: 14px;} } @media screen and (min-width:751px ) { html{font-size: 16px;}
-------------------整理于yingxiang 20190218
原文：https://www.cnblogs.com/522040-m/p/10397019.html