这是一个创建于 1297 天前的主题，其中的信息可能已经有所发展或是发生改变。
现在设计一个企业官网，最优设计应该是认为宽度 1920px 了？ 参考了一些网站的设计，基本上网页的 container 宽度都是定在 1400px 或者 1200px 的。 当年那种 1024x768 的应该不用考虑了？最多用个响应式适配？
 |
1
imnpc 2021-05-09 16:50:53 +08:00
好多笔记本是 1366*768, 低于 1920*1980 的很多
|
 |
2
czfy 2021-05-09 16:53:21 +08:00 via Android
根据这里（ https://cn.screenresolution.org/）的统计，1920×1080 占比最高，超过 20%，至于数据代表性我也不清楚
|
 |
3
villivateur 2021-05-09 16:53:35 +08:00
不少小屏的轻薄本是 1800x1600 的
|
 |
4
lostberryzz 2021-05-09 16:58:31 +08:00
https://store.steampowered.com/hwsurvey/Steam-Hardware-Software-Survey-Welcome-to-Steam
Steam 的硬件统计 单屏 1920x1080 占 67.6% 双屏 3840x1080 占 71% |
 |
6
lonewolfakela 2021-05-09 17:46:56 +08:00
@lostberryzz 打游戏的很可能不太会用分辨率小的设备，所以这里看 steam 统计不太靠谱……
|
 |
7
ReferenceE 2021-05-09 17:50:02 +08:00 via Android
@imnpc 低于 1980 的确实很多，因为压根没有(笑
|
 |
9
0bit 2021-05-09 20:19:49 +08:00  1
我想到两个原因，不知道对不对。
第一个是人眼聚焦的范围有限，太宽的设计需要让目光反复横向扫视，会造成视疲劳，比如报纸的开版很大，但是报纸的内容也是按块分割，很少见到一整页贯穿相同内容的。 另外就是，低宽度向高宽度设计适配很容易，内容居中就行了，高宽度向低宽度设计适配就比较麻烦，设计和开发都累，所以为了降低工作量，会选一个差不多的宽度。 |
 |
10
arac 2021-05-09 21:43:05 +08:00
大部分的 15 寸及以下的笔记本等效分辨率（缩放后）不高于 1680*1050，为了保证 13 寸常规的 1366*768 也能有不错的效果，以及有很多人不喜欢全屏浏览（一般为 3/4 宽度，至少我接触的 Mac 用户是这样），取 1200 算是兼容性的考虑。
从视觉上来说，过宽也不易浏览，特别是换行容易丢失焦点，不然报纸杂志也不会分栏设计了。 |
 |
11
autoxbc 2021-05-09 22:45:52 +08:00
按照 1920 宽度设计怕是过于自我中心主义了，网页之外还有浏览器侧边栏，侧向放置的浏览器标签栏，侧向放置的系统任务栏
|
 |
12
whusnoopy 2021-05-10 08:08:02 +08:00
建议按 1200 宽度，或 600 宽度做
虽然桌面端大部分是 1920x1080 的分辨率，但笔记本上这个分辨率一般是开着 125% 或 150% 的缩放，1920/150% 就是 1280，去掉浏览器侧边栏滚动条什么的，1200 会是个比较安全的线 至于为什么还建议用 600，是因为现在大部分人的访问设备可能是手机，也可能是发官网给别人介绍时是微信等手持设备上发过去的，人家在宽度 1080 的手机屏幕上看一个 1200 宽的页，怎样都是不舒服的 |
 |
13
gledos 2021-05-10 10:30:19 +08:00
|
 |
14
codder 2021-05-10 11:00:42 +08:00
很早之前 container 都是 990 标准，因为那个时候显示器的分辨率还很低，当 1920 普及这个就上升到了 1200，至于你说的低于这个分辨率该如何显示的话，响应式布局是一种方式，还有一种就是整体缩放也叫自适应布局。
|
 |
15
Mavious 2021-05-10 12:32:21 +08:00
我还在用 19 寸 16：10，1920x1080 算大屏了。
|
Select Language