这是一个创建于 1667 天前的主题，其中的信息可能已经有所发展或是发生改变。
类似淘宝那种页面都是固定一个最小宽度，然后两边留白。如果要完美做到 横向纵向铺满整个屏幕 且无滚动条，该利用哪些 css 属性来布局。
想到一种极端办法，所有元素尺寸都是百分数，但是字体和边距该怎么办
 |
1
liyang5945 2020-05-27 14:36:17 +08:00
rem 可破，其实就是百分比
|
 |
2
clown007 2020-05-27 17:55:58 +08:00
用背景图片
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; } |
 |
3
remon 2020-05-27 18:09:07 +08:00 via Android
2020 年了，vw, vh
|
 |
4
dioxide 2020-05-27 21:14:32 +08:00
补充下: css grid 对此场景挺有用的
|
 |
5
ArtIsPatrick 2020-05-27 21:15:52 +08:00 via iPhone
字体也百分比呗
|
 |
6
YadongZhang 2020-05-27 21:22:52 +08:00
postcss-px-to-viewport
|
Select Language