在开发一个门户官网的网站时候遇到的问题: 设计稿是 1920, 版心内容是 1440, 我想要兼容下不同分辨率的用户,如果直接按照这个设计稿像素去开发的话,可能有些用户的屏幕就是 1440 或 1680 的了,这样显得页面很大,一个版新内容就几乎占用了用户的全屏,体验不太好,但是这个页面我又不能全局去用 rem 单位,这种情况改怎么适配
1
liudewa Feb 25
tailwindcss
|
2
g1vemep0wer Feb 25
max-width?
|
3
molvqingtai Feb 25
核心思路,在 1440 屏幕下将版心内容缩小
width: 80vw; 两边始终留白 max-widht: 1440px; |
4
tutouguai Feb 25
你现在看的 v 站咋样你就咋样
|
5
Croow Feb 25
op 是在校学生吗?
|
6
doudouisamomo Feb 26
可以做两版吗。。。
|
7
grassblock Feb 26 via Android
```
body { max-width: 1440px margin: auto } ``` 后面忘了,响应式设计啥的可以看看 mdn 的 media 条目 |