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

Question

只需通过在 chrome 中将页面大小调整为更小的尺寸来测试此处的响应能力，但菜单会转到下一行http://as-team.com/shoploop/index.html

我尝试在 chrome 中按 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 上访问它，您会看到您将无法缩放。