我正在测试 Bootstrap 响应导航栏，我有一个网站。edisystems.in
当我在桌面上调整浏览器的大小时，一切正常，包括导航栏，它变成了可折叠的菜单，顶部有一个小图标，我可以点击它来查看更多菜单按钮。
但是当我从移动浏览器尝试时（我在 Android 上的 chrome 和互联网浏览器上尝试过），我没有看到响应式设计。我只能看到非常小的桌面版本，比如网站。
当我在我的域上托管它时，移动响应无法正常工作。 edisystems.in
但是当我将它上传到免费域时，它就像魅力一样工作。 http://beeingparth.000webhostapp.com帮我解决这个问题。
【问题讨论】：
好的。我解决了。使用您的手机访问 edisystems.co，您将获得该网站的移动版本。
ZimSystem 发布 Responsive website zoomed out to full width on mobile 的 stackoverflow 这是您的元标记的原因
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
你有一个奇怪的 html，有 2 个头。由于 edisystem.in 中的第一个是空的，因此您将无法获得响应式布局。
所以添加
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
到下面的代码
<head>
<title>edisystems.in</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
</head>
第二页 edisystems.co 有效，因为您在那里创建了一个新的 html 文档
<html>
<head>
..... some code
<meta name="viewport"...>
查看截图，你会看到的。你有 2 页，一个在另一个。每一个都有一个标题。 Edisystem.co 没有标头元标记，而 edisystem.in 具有元标记。
【讨论】：