大屏适配技术

1、如何适配屏幕

算法：

• $Wp$ 为页面有效宽度 $Hp$ 为页面有效高度
• 页面左右居中，上下居中，四周留白即可
• 然后在head里面用JS设置 1rem =$Wp/100$

2、动态rem

• 假设某div在设计稿中长100px，设计稿宽度1920px
• 那么该div在页面中的长为$100/1920*100rem$
• 最后可以写个px()函数来计算100px对应的rem