Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.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
Html 为什么引导导航栏在移动环境中会缩小_Html_Css_Twitter Bootstrap 3_Responsive Design - Fatal编程技术网

Html 为什么引导导航栏在移动环境中会缩小

Html 为什么引导导航栏在移动环境中会缩小,html,css,twitter-bootstrap-3,responsive-design,Html,Css,Twitter Bootstrap 3,Responsive Design,我想我们都知道bootstrap Navbar是如何工作的,它总是保持在最上面,并随着移动设备的变化而变化。嗯,我的手机没有改变,一切都变小了。这里有一个指向我的链接,你可以自己查看 这是一张在手机上的图片,任何使用过Bootstrap的人都知道有问题。 非常感谢。 您需要将其添加到html文档的头部 <meta name="viewport" content="width=device-width, initial scale=1> 将此添加到头标签中 width=device

我想我们都知道bootstrap Navbar是如何工作的,它总是保持在最上面,并随着移动设备的变化而变化。嗯,我的手机没有改变,一切都变小了。这里有一个指向我的链接,你可以自己查看

这是一张在手机上的图片,任何使用过Bootstrap的人都知道有问题。 非常感谢。

您需要将其添加到html文档的头部

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

将此添加到头标签中

width=devicewidth
这将告诉浏览器适应您的设备宽度

你可以阅读更多关于这方面的内容

要解决这个问题,你必须 在头部内添加以下内容:



将此添加到标题中它起到了作用,但现在导航栏看起来有点不对劲非常感谢您,修复了iTunes媒体关于优化移动设备风格的问题。您需要在此处发布一个显示问题的标记的最小示例,而不是您的网站,它将在将来改变,不会帮助任何人。