简体繁体 English

可用性：限制最大屏幕宽度以获得最佳用户体验，还是将其保留为自动宽度？

[英]Usability: to limit max screen width for the best user experience or leave it to auto-width?

原文 2015-01-14 18:43:40 0 1 html5/ usability

I have a blog that uses auto width of a screen (responsive design). 我有一个使用屏幕自动宽度（响应式设计）的博客。 Most blog posts are long texts, over 1000 words + comments. 大多数博客文章都是长篇文章，超过1000个字+评论。

My questions is - from user experience (reading comfort) / usability point of view, is it better to: 我的问题是-从用户体验（阅读舒适度）/可用性的角度来看，是否更好：

a) limit the screen width to, let's say, 1024px (by some CSS, like: <body style="max-width:1024px"> a）将屏幕宽度限制为1024px（通过一些CSS，例如： <body style="max-width:1024px">

b) leave the body width to auto and let user decide when/if to resize the screen by himself. b）保持机身宽度为自动，让用户自己决定何时/是否需要调整屏幕大小。

1 个解决方案

Responsive design is really intended to allow users on non-PC devices (tablets, phones) to view the content without zooming or manipulating the screen much. 响应式设计的真正目的是允许非PC设备（平板电脑，电话）上的用户查看内容而无需过多缩放或操纵屏幕。 It's not really relevant for PCs because of the variety of resolutions, monitor size, and even number of monitors. 由于分辨率，显示器尺寸甚至显示器数量的差异，它与PC并不真正相关。

Keep responsive if you know your readers are predominately on mobile devices. 如果您知道读者主要在移动设备上，请保持响应。 Those who are reading it on a PC via their browser can typical resize, zoom in/out, and even use scripting to change the font if they are struggling to read your content. 那些通过浏览器在PC上阅读内容的人通常会在无法阅读内容的情况下调整大小，放大/缩小，甚至使用脚本来更改字体。 Not to mention a number of PCs visitors may use an RSS feed reader rather than visit your site directly. 更不用说许多PC访客可以使用RSS feed阅读器，而不是直接访问您的站点。

Good design includes a structured method for reading content such as whitespace, reasonable margins, and a font-size that isn't overly large or miniscule and hard to read. 好的设计包括一种用于读取内容的结构化方法，例如空白，合理的边距以及字体大小不会太大或太小且难以阅读的字体。

If you have those things going on then auto-width is prefereable to fixed width where the multitude of devices can render it unreadable. 如果发生了这些事情，那么自动宽度比固定宽度更可取，因为固定宽度会使设备无法读取。