【发布时间】：2019-12-02 13:40:00
【问题描述】：
使用 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的差异不大，字体更小？
【问题讨论】：
-
这两个公式都没有考虑到用户的操作系统：只考虑了视口的宽度和方向。
-
是的，我知道，但是如果您只选择一种尺寸（px 或 rem 等），则 ios 设备和 android 设备之间的差异会变得非常大。例如，如果我使用 0.8 rem，它在 iPhone X 上看起来相当不错，但在 Android（版本 9）上字体变得太小了。这就是为什么我在网上搜索并找到了这个例子......但它并不完全适合或者我不知道更好地适应它的公式是什么。