Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/redis/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 菜单以较小的尺寸移动到下一行_Css_Html_Alignment_Text Alignment - Fatal编程技术网

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

Css 菜单以较小的尺寸移动到下一行,css,html,alignment,text-alignment,Css,Html,Alignment,Text Alignment,在chrome中,只需通过将页面大小调整到更小的大小来测试响应性,但菜单会切换到下一行 我尝试在chrome按下ctlr并向下滚动。您将看到菜单移到下一行。大多数移动浏览器都会出现这种情况。有没有办法解决这个问题?我想原因是字体大小:12px;尝试使用%代替px这远不是最佳解决方案,但它确实解决了问题:您可以完全阻止移动设备上的缩放: <meta name="viewport" content="width=320, initial-scale=1, maximum-scale=1, us

在chrome中,只需通过将页面大小调整到更小的大小来测试响应性,但菜单会切换到下一行


我尝试在chrome按下ctlr并向下滚动。您将看到菜单移到下一行。大多数移动浏览器都会出现这种情况。有没有办法解决这个问题?

我想原因是字体大小:12px;尝试使用%代替px这远不是最佳解决方案,但它确实解决了问题:您可以完全阻止移动设备上的缩放:

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


如果你把这个添加到你的页面,然后在iPhone上访问它,你会发现你将无法缩放。

你是说在徽标下进行搜索吗?我想他的意思是缩小。因此,例如,以25%的大小查看网页会弄乱菜单。这似乎无法解决问题,除非(很简单)将大小设置为like
2%