Css 计算 :我应该如何正确使用以下公式



通过使用calc vw和px考虑iosAndroid设备的字体大小的不同表示形式

我在网站上找到了下面的代码。

它工作正常,因此ios和Android设备(智能手机(的字体大小之间的差异非常好。

但是现在我想最小化字体大小,因为在ios设备上(尤其是在iPhone X上(,它太大了。

@media only screen and (max-width:812px) and (orientation:landscape){
main #content .adresse{
font-size: calc(0.88889vw + 11.33333px);  
}
}

我做了一些实验,发现calc(4vw + -15px(比原始示例更好(相当不错(。

我现在的问题是:

这个计算背后的公式是什么?如何确定字体的大小,使ios和android之间的差异不大,字体大小更小?

我建议您使用此公式:https://websemantics.uk/tools/responsive-font-calculator/.不止于此,使用 rem 并在 HTML 上设置固定值,然后 rem 将基于此进行计算,上面的函数还使用最小/最大字体大小和最小/最大视口大小之间的差异等参数。我觉得它非常有用

最新更新