通过使用calc vw和px考虑ios和Android设备的字体大小的不同表示形式
我在网站上找到了以下代码。
它工作正常，因此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之间的差异不大且字体大小更小？
答案 0 :(得分：0)
我建议您使用以下公式：https://websemantics.uk/tools/responsive-font-calculator/。除此之外，还使用rem并在HTML上设置一个固定值，然后rem将基于该值进行计算，并且上面的函数还使用诸如最小/最大字体大小与最小/最大视口大小之间的差异之类的参数。我觉得它非常有用