CSS如何定义rem,1920的设计图在1366的电脑分辨率上看太大
简单点说,我想把rem的值设置成10px,然后在1920的分辨率下为16px,在1366的分辨率为12px...
简单点说,我想把rem的值设置成10px,然后在1920的分辨率下为16px,在1366的分辨率为12px
展开
展开全部
<script>
$(window).on("resize", function (e) {
var wWidth = document.documentElement.clientWidth || document.body.clientWidth;
var size = (wWidth < 1600 ? wWidth : 1600) / 320 * 20;
document.getElementsByTagName("html")[0].style.fontSize = size + "px";
}).trigger("resize");
</script>
这一块代码用来进行px和rem 转换的 样式里面写font-size:0.5rem; 根据大小自己调节 就可以了。。。
PC端不需要用rem,px就可以,rem 用在手机端比较合适
$(window).on("resize", function (e) {
var wWidth = document.documentElement.clientWidth || document.body.clientWidth;
var size = (wWidth < 1600 ? wWidth : 1600) / 320 * 20;
document.getElementsByTagName("html")[0].style.fontSize = size + "px";
}).trigger("resize");
</script>
这一块代码用来进行px和rem 转换的 样式里面写font-size:0.5rem; 根据大小自己调节 就可以了。。。
PC端不需要用rem,px就可以,rem 用在手机端比较合适
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询