使用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之间的差异不大，字体大小更小？
最佳答案
我建议您使用这个公式:https://websemantics.uk/tools/responsive-font-calculator/ .不仅如此，使用 rem 并在 HTML 上设置固定值，然后 rem 将基于此计算，并且上面的函数还使用参数，例如最小/最大字体大小和最小/最大视口(viewport)大小之间的差异。我觉得很有用
关于Css 计算 : How should I use the following formula correctly，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57182273/