Question

我正在制作一个网站并使用40px高度的导航栏，当我在移动设备（Galaxy S4）中看到它时，它看起来比我的屏幕（iMac 21.5“）小一点。我有

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">

HTML中的

行，它看起来不错，但与我的电脑尺寸完全不同，在这种情况下这不是问题，但我想知道如何计算elemente在其他屏幕中的大小，因为看起来我的手机中的40px小于我的电脑中的40px。

感谢。

Answer 1

大多数手机的屏幕宽度都超过1024px。尝试使用百分比并阅读此内容您可能遇到视口问题。