菜单以较小的尺寸移动到下一行

Question

只需在此处测试响应度，方法是将页面调整为更小的Chrome尺寸，但菜单会转到下一行http://a-s-team.com/shoploop/index.html

我尝试使用chrome press ctlr并向下滚动。您将看到菜单移动到下一行。在大多数移动浏览器中都会发生这种情况。有什么办法解决吗？

Answer 1

我认为这个的原因是font-size：12px;尝试使用％insted of px

Answer 2

这远非最佳解决方案，但确实解决了问题：您可以在移动设备上完全阻止缩放：

<meta name="viewport" content="width=320, initial-scale=1, maximum-scale=1, user-scalable=0"/> <!--320-->

如果您将其添加到您的网页并在iPhone上访问，则可以看到您无法缩放。