类似淘宝那种页面都是固定一个最小宽度,然后两边留白。如果要完美做到 横向纵向铺满整个屏幕 且无滚动条,该利用哪些 css 属性来布局。
想到一种极端办法,所有元素尺寸都是百分数,但是字体和边距该怎么办
类似淘宝那种页面都是固定一个最小宽度,然后两边留白。如果要完美做到 横向纵向铺满整个屏幕 且无滚动条,该利用哪些 css 属性来布局。
想到一种极端办法,所有元素尺寸都是百分数,但是字体和边距该怎么办
|
liyang5945May 27, 2020
1
rem 可破,其实就是百分比
|
|
clown007May 27, 2020
2
用背景图片
body { background-image: url('xxx'); background-repeat: no-repeat; background-position: center; background-attachment: fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; } |
|
remonMay 27, 2020 via Android
3
2020 年了,vw, vh
|
|
dioxideMay 27, 2020
4
补充下: css grid 对此场景挺有用的
|
|
ArtIsPatrickMay 27, 2020 via iPhone
5
字体也百分比呗
|
|
zhyd1997May 27, 2020
6
postcss-px-to-viewport
|