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