通过使用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 将基于此进行计算,上面的函数还使用最小/最大字体大小和最小/最大视口大小之间的差异等参数。我觉得它非常有用