如何始终拥有 40-70 个字符宽的页面？屏幕、移动、打印

Question

如何使用当前的 CSS 最佳实践来平衡合适的字体大小（无论何种媒体（小型垂直手机屏幕或整页打印））和舒适的每行 40~80 个字符？

我想我知道常规屏幕的操作方法，将正文的字体大小设置为某个百分比，将主要内容元素标记为宽度为 70em，最小宽度为 40em...

但是，我对这个问题的移动和打印公认标准一无所知。

我所有的搜索尝试都让我（现在）从 2002 年到 2011 年徒劳地讨论 [em,pixel,%,pt] 相对于其他的好处......

Answer 1

body {\n  min-width: 16em;\n  min-width: 40ch;\n  max-width: 28em;\n  max-width: 70ch;\n}\n

\n\n

使用ch字符\xe2\x80\x9c宽度\xe2\x80\x9d的单位，并使用单位设置进行备份em，数值约为所需字符数的40%。

\n\n

单位em表示字体的大小。对于拉丁字母文本，这大约是字符平均宽度的 40%，也许更多一点。

\n\n

单位ch表示数字 0 的宽度。它通常是 CSS 中 \xe2\x80\x9c 字符\xe2\x80\x9d 的平均宽度的最佳可用近似值。现代浏览器支持它，但对于不太现代的浏览器，首先设置宽度（以单位为em单位）。

\n\n

这回答了您邮件标题中的问题。消息正文含糊不清，没有提出可以建设性解决的问题。

\n