移动端PSD设计稿与CSS的rem适配设置问题

移动端PSD设计稿与CSS的rem适配设置问题

rem 是 css3 中新增加的一个尺寸（度量）单位，根节点​​html​​​的font-size决定了rem的尺寸，也就是说它是一个​​相对单位​​​，相对于​​html​​。

浏览器的默认的font-size是16px，1rem默认就等于16px。（chrome最小字体为12px）

注：7.2是指PSD设计稿宽度为（720/100）如果PSD上测出字体大小或间距宽高为30px，则css上直接输出 0.3rem （30/100）

//设置全局字体var n = function() { var n = document.documentElement.clientWidth; if(n > 414) { n = 414 } document.documentElement.style.fontSize = n / 7.2 + "px";};window.onresize = function() { n();};n();

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。