- 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来写。