页面的移动设备更大

Question

移动设备上的某个页面存在问题

事实上，该网站的某些子页面已部分扩大。

有趣的是，页面的部分在源代码中被放大了。

不幸的是它只有一些页面。

网址是：www.kitelementshop.com

在手机上显示效果不佳的页面： link1 link2

非常有趣的是，这两种产品的显示方式不同，并且位于同一模板上。 bad show good show

最终通过切换视口解决，但只掩盖了未解决的问题

有什么想法吗？ 感谢

Answer 1

您缺少视口元标记：

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

通过这种方式，手机可以知道它需要从哪个刻度开始，并相应地计算字体大小。

如果您尝试在没有视口元标记的情况下检查它，您可以看到字体计算为39px！使用视口标记将其计算为12px - 您放入CSS中的值。