我的网站大部分使用相对字体和流畅的布局技术,因此我们的网站布局将根据浏览器的默认字体大小设置进行缩放。但是有些元素的宽度是固定的,我们的布局超过了一定的字体大小就不能很好地工作或看起来很好。此时返回并更改所有这些元素是不可行的。
所以,我想让网站根据用户在浏览器中选择的默认字体大小进行调整——在一定的范围内。例如,在我希望网站是相对的浏览器上,事情开始看起来有点不稳定,直到它fontsize
达到.22px;
22px
据我所知,似乎没有任何简单的方法可以纯粹在 CSS 中指定这一点。我在想最好的方法是用来Javascript
检测fontsize
页面加载的基础,如果是的>22px
话,我会在我的 body 标签上设置一个样式来font-size
修复22px
. 如果它小于22px
,我不会做任何事情(并保留我们默认的相对样式)。我不太关心在加载页面时处理字体大小的变化,因为这似乎是一个边缘情况(在下一页加载时会得到纠正)。
这是最好的方法,还是有更好的方法?