1.项目需求:
设计稿:1920px
pc端适配:宽度在1024~1920之间页面元素宽高自适应
2.选定适配方案
flexible.js+rem+flex布局
3.步骤:
【1】使用flexible.js 把屏幕划分为 24 等份
var rem = docEl.clientWidth / 24
【2】cssrem 插件的基准值设置为 80px (效果图是 1920px / 24)
【3】要把屏幕宽度约束在1024~1920之间有适配
<style>
@media screen and (max-width: 1024px) {
html {
font-size: 42.66px