繁体   English   中英

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

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

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我有一个使用屏幕自动宽度(响应式设计)的博客。 大多数博客文章都是长篇文章,超过1000个字+评论。

我的问题是-从用户体验(阅读舒适度)/可用性的角度来看,是否更好:

a)将屏幕宽度限制为1024px(通过一些CSS,例如: <body style="max-width:1024px">

b)保持机身宽度为自动,让用户自己决定何时/是否需要调整屏幕大小。

1 个回复

响应式设计的真正目的是允许非PC设备(平板电脑,电话)上的用户查看内容而无需过多缩放或操纵屏幕。 由于分辨率,显示器尺寸甚至显示器数量的差异,它与PC并不真正相关。

如果您知道读者主要在移动设备上,请保持响应。 那些通过浏览器在PC上阅读内容的人通常会在无法阅读内容的情况下调整大小,放大/缩小,甚至使用脚本来更改字体。 更不用说许多PC访客可以使用RSS feed阅读器,而不是直接访问您的站点。

好的设计包括一种用于读取内容的结构化方法,例如空白,合理的边距以及字体大小不会太大或太小且难以阅读的字体。

如果发生了这些事情,那么自动宽度比固定宽度更可取,因为固定宽度会使设备无法读取。

1 LibGDX:最大屏幕宽度

我试图限制屏幕的末端,以使到达屏幕末端的子画面(底部)不超过。 如何限制基座的posX,使其不超出屏幕末端? ...

3 自举轮播最大屏幕宽度

我正在尝试使自举轮播在屏幕上占据100%的宽度,但是我一直在网站的侧面留有边距(请参见屏幕截图) 我试图使它位于最大宽度为100%的容器中,但似乎并没有这样做 CSS: 网站的屏幕截图 ...

4 是否可以在保留DIV宽高比的同时将其限制为最大宽度?

我正在使用此答案中的技术来创建DIV,当调整浏览器视口的大小时,该DIV保持其宽高比。 但是,我希望DIV变大然后停止。 但是,如果我应用max-width: 300px; 到包含的div,当视口变得足够大时,div将停止扩展其宽度,但高度会保持不变,从而失去长宽比。 如果我应用ma ...

2015-04-09 07:07:38 2 401   css
5 将按钮的现有宽度更改为最大屏幕的1/3

如何以编程方式将按钮的现有宽度更改为最大屏幕宽度的1/3。 说“最大”是指如果有足够的空间使按钮占屏幕的1/3,则应调整其大小。 否则,按钮应适合现有的间隙(例如可以是屏幕宽度的1/4甚至1/5)。 编辑:我正在寻找RelativeLayout的灵魂。 ...

2014-06-19 09:46:03 1 42   android
6 Scrollview内容大小设置为最大屏幕宽度

在我看来,我有一个scrollview视图。 在我的滚动视图中,我有一个UILabel 。 我使用约束在超级视图中以及为UILabel设置滚动视图。 如果我在UILabel中设置了长文本,则scrollview's content将扩展到UILabel的宽度。 取而代之的是,我希 ...

7 大屏幕中CSS最大内容宽度(purecss)

我的网页有问题,在智能手机和平板电脑上看起来不错。 但是在桌面屏幕上,内容会扩展到整个页面宽度。 我使用纯CSS框架。 示例链接 我想要的是,当网格显示在宽阔的桌面页面上时,网格不会延伸到整个页面 在我的CSS中,媒体屏幕有一些断点。 整个页面像这样包装 我曾尝试使用 ...

2016-07-10 17:28:44 1 527   html/ css
8 有没有办法在大屏幕上显示自动宽度?

我正在使用引导程序3,但我想在一个元素上使用col-xs-12,但在所有其他显示器上,我希望该元素及其后的任何元素在任何较大的显示器上使用自动宽度。 我认为答案是媒体查询,但是我找不到关于此问题的任何答案。 也许像col-sm-auto 编辑:我希望我可以适当地解释这一点。 假设 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM