当前位置: 首页 > Web前端 > CSS

自适应布局

时间:2023-03-31 00:59:27 CSS

通用字体单元pxemrem1。px绝对单位,页面以精确像素显示2.如果不设置em,1em=16px,相对于父元素自适应3.如果不设置rem,1em=16px,相对于根元素自适应em和rem是相对布局,一般在body中设置font-size:62.5%;这个比较好转换,即1.4em=14px1.4rem=14pxlayoutcommonlayouthttps://www.cnblogs.com/zhuzh...popularlayout一般拿到640px和750px的设计稿1.remlayoutwritejs根据dpr和传入的设计稿宽度动态变化2.vw布局根元素写html{font-size:13.3333333333333vw//100px}原因是设计稿通常是750px,即750px=100vw,那么1px就是0.13333333333vw,那么100px就是13.33333333333333vw,当然也可以用js计算,更方便