2022 年,大家的网页设计标准是多宽?用 grid 系统吗?

2022 年 12 月 12 日
 free1978

我现在是按 1224 宽设计 8px 倍数,使用列宽 80 ,水槽宽 24 。 这样显示内容:80x12 + 24 x 11 = 1224 ,左右留出 margin 24 ,总宽是 1272 ,可以适应 1280 宽显示器。

但是我这个宽总觉得用在后台管理界面,不够用。

大家现在设计用多宽? 另外我发现普通网页双击 Safari ,都给自动把窗口设为 1324 宽,这有啥原因吗?

6363 次点击
所在节点    设计师
12 条回复
cheung
2022 年 12 月 12 日
1200
zsj1029
2022 年 12 月 12 日
min width 1200
纯 pc 不考虑移动优先
数据展示依旧 table 为主,flex 布局
ragnaroks
2022 年 12 月 12 日
面向终端的话大屏设备 1440px/90rem ,小屏设备上 360px/22.5rem 。

后台、面板之类的默认全宽。
cvooc
2022 年 12 月 12 日
一般都是 1200
qzsi001
2022 年 12 月 12 日
grid 和 flex 之间的关系是互补,不是替代
grid 纯粹是锦上添花,而不是他更好
leedarmau
2022 年 12 月 12 日
@qzsi001  他说的 grid 是设计里面的栅格: https://zh.m.wikipedia.org/zh-hans/%E6%A0%85%E6%A0%BC%E8%AE%BE%E8%AE%A1

不是 display: grid
dufu1991
2022 年 12 月 13 日
我现在不管写 PC 还是 Mobile 都是自适应布局,不限制固定宽度了。限制宽度的页面感觉就是上古时期的,没看下去的欲望了。
qzsi001
2022 年 12 月 13 日
@leedarmau #6 实际是指 Bootstrap 这种玩意?这个我还真不知道
leedarmau
2022 年 12 月 13 日
@qzsi001 实际指的是一种设计理念:元素要不要按照规定好的来排列
qzsi001
2022 年 12 月 14 日
@leedarmau #9 学到了!哈哈哈哈,这个我真的没了解过
andyskaura
2022 年 12 月 15 日
flex 一把梭
forty
2024 年 11 月 29 日
@dufu1991 一行太长的内容不容易阅读吧?除非只是表格数据

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/901884

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX