开发注意事项(自适应、内外边距,rem)

1.开发自适应布局:
宽度和高度尽量用百分比,内外边距和字体用rem,rem是相对于html设置的字体大小为基准,比如:html设置字体大小为16px 那么1rem=16px,如果不设置,默认为16px
高度自适应布局:上下设置固定单位的高度 中间内容用margin-top和buttom 高度设置为 height:auto
宽度自适应布局:左右分别设置固定宽度,并且进行左右浮动,中间部分设置margin-left和right,宽度设置为width:100%

2.尽量用padding margin对宽高布局会有影响

3.使用百分比时,都是父级,内外边距相对的是父级宽度 定位的元素相对的父级高度

4.在echarts中渲染完想要窗口变动就重新渲染 需要再渲染完加上 $(window).resize(lineChart1.resize);

5.当字体和内外边距用rem时,html的字体大小设置通过js控制,var w =document.body.clientWidth||document.documentElement.clientWidth获取屏幕可视区宽度,按照比例去计算html字体大小

猜你喜欢

转载自blog.csdn.net/qq_43121828/article/details/90674952