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

Question

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

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

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

从 2002 年到 2011 年，我所有的搜索尝试都把我带到了(现在)徒劳的讨论中，关于 [em,pixel,%,pt] 相对于其他方面的好处...

Answer 1

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

“一个字符的宽度”使用ch单位，并用em单位设置备份，数值大约是字符宽度的40%所需的字符数。

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

ch 单位表示数字 0 的宽度。它通常是 CSS 中“平均字符宽度”的最佳可用近似值。现代浏览器支持它，但对于非现代浏览器，首先以 em 单位设置宽度。

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