网页上文字的最大宽度是多少?

at.*_*at. 10 css fonts font-size width

我有一个流畅的布局,但如果浏览器窗口拉得太大,文本会变得如此宽,以至于在1行读取这么长的句子很奇怪.文本的最大宽度是多少?我想这取决于字体大小.有某种公式或启发式吗?

目前我特定情况下的字体是serif 16px,但我很想知道不同字体和大小的最佳实践.

mbi*_*ard 10

Smashing Magazine 对流行博客进行了设计研究,其中仅包含此类信息.您要查找的信息位于以下引用的第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的功能.