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

时间:2012-11-30 06:41:08

标签: html relativelayout font-size

我的网站大多使用相对字体和流畅的布局技术,因此我们的网站布局将根据浏览器的默认字体大小设置来缩放。但是某些元素具有固定的宽度,并且我们的布局超过某个字体大小只是效果不好或看起来不错。在这一点上回归并改变所有这些元素是不可行的。

因此,我希望允许网站根据用户在浏览器中选择的默认字体大小进行调整 - 在一定限度内。例如,fontsize 22px; 22px的浏览器看起来有点不稳定我希望网站是相对的,直到它达到Javascript的最大基本大小。

从我可以收集到的内容中,似乎没有任何简单的方法可以在CSS中纯粹指定它。我认为最好的方法是使用fontsize检测页面加载时的基础>22px,如果它是font-size,那么我将在我的body标签上设置一个样式来修复{{ 1}}到22px。如果它小于22px,我将不会做任何事情(并保留我们的默认相对样式)。在加载页面时,我并不在乎处理字体大小更改,因为这看起来像一个边缘情况(在下一页加载时会得到纠正)。

这是最好的方法,还是有更好的方法?

1 个答案:

答案 0 :(得分:0)

你不能阻止用户增加字体大小(即使你设置像素的大小,用户可以只按Ctrl +),很多人认为这很好 - 人们可能需要比你预期的更大的字体大小,并在某种程度上打破布局可能比根本无法阅读更好。因此,您可以做的是尽一切努力确保页面适用于各种字体大小。