【发布时间】：2011-11-19 13:50:17
【问题描述】：
我有一个流畅的布局，但是如果浏览器窗口被拉伸太多，文本会变得很宽，以至于在 1 行上阅读这么长的句子很奇怪。文本的最大宽度是多少？我想这取决于字体大小。是否有某种公式或启发式？
目前我的特殊情况下的字体是 serif 16px，但我很想知道不同字体和大小的最佳做法。
【问题讨论】：
-
尝试在ux.stackexchange.com 询问，他们擅长这种事情（并且可能已经回答了）。
【发布时间】：2011-11-19 13:50:17
【问题描述】：
Smashing Magazine 所做的 a design study of popular blogs 仅包含此类信息。您要查找的信息位于下面引用的第 2.2 节中。
2.2。每行多少个字符？
为了确保最佳可读性，需要确保阅读舒适。 虽然一些研究结果声称最佳线长是 52 - 每行 68 个字符（包括标点符号和空格）， 其他研究表明，即使线条越来越长，它也会 不会显着影响可用性。因为没有经验法则 提供，设计师尝试各种不同的线路 长度。
计算最大值。我们使用默认的每行字符数 浏览器的设置以及默认的排版设置 由样式表提供。
- 10% 每行使用 65-74 个字符（PostSecret、Beppegrillo、Perez Hilton、Scobleizer、Blogoscoped）
- 18% 每行使用 75-84 个字符（Dooce、Blogs.nytimes.com、Joystiq、CopyBlogger、TUAW、Slashfilm）
- 34% 每行使用 85-94 个字符（Lifehacker、Huffington Post、Kottke、Ars Technica、Huffington Post、BoingBoing、Seth Godin、Treehugger、Problogger）
- 18% 每行使用 95-104 个字符（Mashable、ReadWriteWeb、Smashing Magazine、Google Blog、A List Apart、Search Engine Land）
- 16% 每行使用超过 105 个字符（Engadget、TechCrunch、GigaOM、Wired、TMZ）
根据我们的调查结果，我们有信心建议最常见（不一定最用户友好）的行长在 80 到 100 个字符之间。
有趣的是，没有一个博客使用对齐的文本对齐方式 - 100% 的博客使用左对齐文本。
所以宽度并不是很重要，影响可读性的是字符数。
【讨论】：
这取决于
- 字体大小
- 列宽
- 平均访客屏幕分辨率
- 您支持的设备。
我会说您应该在分析中检查平均屏幕分辨率并迎合该人群。
也就是说，如果你有一个实心的文本列，你可能希望通过添加来缩短行长度
a) 更多列或
b) 图形或图片
【讨论】：
我认为您可以使用 960 网格作为指导，并为您的流畅布局设置最大宽度（我将我的设置为 960 像素），因为如果布局适应视口的宽度。
因此，对于您的问题，我认为您应该根据字体的整体间距（行高和内容的填充/边距）设置宽度，并确保它在设计中很好地融合。您的字体的行高应该在 20px 和 26px 之间，而填充/边距取决于您的设计风格。
希望对你有帮助:)
【讨论】：