允许相对字体大小达到特定最大值

Question

我的网站大部分使用相对字体和流畅的布局技术，因此我们的网站布局将根据浏览器的默认字体大小设置进行缩放。但是有些元素的宽度是固定的，我们的布局超过了一定的字体大小就不能很好地工作或看起来很好。此时返回并更改所有这些元素是不可行的。

因此，我希望允许网站根据用户在浏览器中选择的默认字体大小进行调整——在一定范围内。例如，在浏览器 fontsize 或 22px; 上，事情开始看起来有点不稳定。我希望网站是相对的，直到它达到 22px 的最大基本大小。

据我所知，似乎没有任何简单的方法可以纯粹在 CSS 中指定这一点。我在想最好的方法是在页面加载时使用Javascript 来检测基本fontsize，如果是>22px，那么我将在我的body 标签上设置一个样式来修复font-size 到22px。如果它小于22px，我不会做任何事情（并保留我们默认的相对样式）。我不太关心在加载页面时处理字体大小的变化，因为这似乎是一种边缘情况（在下一页加载时会得到纠正）。

这是最好的方法，还是有更好的方法？

Answer 1

您无法阻止用户增加字体大小（即使您以像素为单位设置大小，用户也可以按 Ctrl +），而且许多人认为这很好——人们可能需要比您预期更大的字体大小，并且在某种程度上破坏了布局可能比根本无法阅读要好。因此，您可以做的就是尽一切合理努力确保页面在各种字体大小下都能正常工作。