grid
css
1 | .main{ |
html
1 | <div class="main"> |
以上代码效果能让每一行都尽量铺满
table
css
1 | .container{ |
html
1 | <div class="container"> |
item
item
item
item
flex
css
1 | .main{ |
html
1 | <div class="main"> |
以下原文
媒体查询
1 | @media screen and (min-width:240px) { |
JS设置html的font-size大小
1 | document.documentElement.style.fontSize = document.documentElement.clientWidth / 750 + 'px'; |
vw
1 | //使用vw设置,vw也是一个相对单位,100vw等于屏幕宽度 |