我有一个流畅的布局，但是如果浏览器窗口被拉得太大，那么文本就会变得很宽，以至于在1行读取这么长的句子很奇怪。文本的最大宽度是多少？我想这取决于字体大小。是否有某种公式或启发式？
目前我特定情况下的字体是serif 16px，但我很想知道不同字体和大小的最佳做法。
答案 0 :(得分：10)
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％的博客使用左文本对齐。
因此宽度并不重要，它是影响可读性的字符数。
您还可以查看Readability的内容。
答案 1 :(得分：1)
我认为你可以使用960网格作为指导并为流体布局设置最大宽度（我设置为960px），因为如果布局适应于广告，则没有人愿意在宽屏显示器上阅读文本视口的宽度。
因此，对于您的问题，我认为您应该根据字体的整体间距（内容的行高和填充/边距）设置宽度，并确保它在设计中融合得很好。字体的行高应介于20px和26px之间，而填充/边距取决于您的设计风格。
希望有所帮助：）
答案 2 :(得分：0)
这取决于
我想说你应该检查分析中的平均屏幕分辨率，然后选择该人口统计数据。
也就是说，如果您有一个固定的文本列，您可能希望通过添加
来缩短行长度 a）更多列或
b）图形或图片