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

2022-12-12 11:20:43 +08:00
 free1978

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

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

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

3821 次点击
所在节点    设计师
12 条回复
cheung
2022-12-12 12:24:15 +08:00
1200
zsj1029
2022-12-12 12:54:59 +08:00
min width 1200
纯 pc 不考虑移动优先
数据展示依旧 table 为主，flex 布局
ragnaroks
2022-12-12 15:40:38 +08:00
面向终端的话大屏设备 1440px/90rem ，小屏设备上 360px/22.5rem 。

后台、面板之类的默认全宽。
retrocode
2022-12-12 15:47:33 +08:00
一般都是 1200
qzsi001
2022-12-12 16:15:05 +08:00
grid 和 flex 之间的关系是互补，不是替代
grid 纯粹是锦上添花，而不是他更好
leedarmau
2022-12-12 18:31:31 +08:00
@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 13:01:46 +08:00
我现在不管写 PC 还是 Mobile 都是自适应布局，不限制固定宽度了。限制宽度的页面感觉就是上古时期的，没看下去的欲望了。
qzsi001
2022-12-13 14:48:38 +08:00
@leedarmau #6 实际是指 Bootstrap 这种玩意？这个我还真不知道
leedarmau
2022-12-13 17:28:22 +08:00
@qzsi001 实际指的是一种设计理念：元素要不要按照规定好的来排列
qzsi001
2022-12-14 10:05:42 +08:00
@leedarmau #9 学到了！哈哈哈哈，这个我真的没了解过
andyskaura
2022-12-15 11:02:25 +08:00
flex 一把梭
forty
54 天前
@dufu1991 一行太长的内容不容易阅读吧？除非只是表格数据

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

https://tanronggui.xyz/t/901884

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

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

© 2021 V2EX