如何进行大屏适配

136 阅读1分钟

如何设配屏幕

image.png

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

用 rem

image.png

  1. 假设某 div 在设计稿中长100px,设计稿宽度 1920px
  2. 那么该 div 在页面中长为 100 / 1920 * 100rem
  3. 最后可以统一写一个 px() 函数来计算100px对应的 rem