• rem布局(进阶版)的一些说明
  • 1,大家先把这个页面在不同设备模式下浏览下,感受下。
  • 2,一般来说我们的手机端效果图是640px或750px。对于上图这类需要等屏宽的图片,只需让其宽度设为 100% 即可。
  • 3, 比如你在效果图上量取的某个按钮元素长 55px, 宽37px ,那你直接可以这样写样式:.myBtn { width: 0.55rem; height: 0.37rem; }
  • 4,该布局方案要求凡是涉及尺寸的,单位都是rem,比如,height width margin paddint top border-radius 等等。你只需要按照效果图上标注的尺寸布局即可。
  • 5,此方案也是默认 1rem = 100px,所以你布局的时候,完全可以按照设计师给你的效果图写各种尺寸啦。绝不是每个地方都要用rem,rem只适用于固定尺寸!
  • 6,特殊注意:字号font-size,边框大小、圆角边框的大小,这些最好还是用px来写。
首页 好店 简单 复杂 异步