响应式网站在移动端放大到全宽
我正在测试引导响应性navbar，我有一个演示网站。当我在桌面上调整浏览器的大小时，所有的操作都很好，包括导航栏，它变成了可折叠的菜单，顶部有一个小图标，我可以点击它查看更多的菜单按钮。
但当我从移动浏览器上尝试时（我在chrome上尝试过，在安卓上的互联网浏览器上尝试过），我并没有看到响应式设计。我只能看到很小版本的桌面像网站。
谁能指出我做错了什么？
共有2个答案
如本文所建议的http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/quick-tip-dont-gold-the-viewport-meta-tag/
<meta name="viewport" content="initial-scale=1">
将是一个更好的选择，因为它使从肖像到风景和背面的用户体验更加愉快，因为可能的自动缩放，with/height自然会采用。
将此添加到您的HTML头..
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
这告诉较小的设备浏览器如何缩放页面。您可以在此处阅读更多有关此方面的信息：https://developer.apple.com/library/content/documentation/appleapplications/reference/safariwebcontent/usingtheviewport/usingtheviewport.html
-
我想用Appium在移动上测试网站。我设置了以下内容 最新应用 安卓SDK 测试 Java-客户端2.1 Java1.7 硒2.42和硒单独2.42 为工具和平台设置了环境变量-工具、Java和appium appium正在启动，但当我点击http://127.0.0.1:4723/wd/hub/时，我得到了以下消息： 在Appium窗口上我看到了这个 在此之后，我尝试执行我的脚本“Run as
-
注意: Adobe Muse 不再添加新增功能，并将于 2020 年 3 月 26 日停止支持。有关详细信息和帮助，请参阅 Adobe Muse 服务结束页面。 可以使用以下方法之一，开始在 Adobe Muse 中创建响应式网站： 使用初学者文件：Adobe Muse 提供可自定义的响应式初学者模板，帮助您快速入门。单击几下，即可自定义初学者模板并发布您的响应式网站。有关更多信息，请参阅使用响应
-
对于移动优先、响应快速的网站，在 Dreamweaver 中使用 Bootstrap 初学者模板和拖放 Bootstrap 组件。 Bootstrap 是用于开发响应迅速、移动优先网站的受欢迎的免费 HTML、CSS 和 JavaScript 框架。该框架包括响应迅速的 CSS 和 HTML 模板，这些模板适用于按钮、表格、导航、图像旋转视图以及您可能会在网页上使用的其他元素。它提供了几个可选的
-
问题内容： 我刚刚创建了我的第一个jQuery移动网站。 我想让那些使用手机查看“完整站点”的人自动转移到“移动站点”。但是，如果愿意，也可以单击链接来查看完整站点。 我不知道从哪里开始。我可以使用一些JavaScript吗？ 问题答案： if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)
-
我正在用bootstrap制作我的第一个网站，当我在桌面上工作时，一切都很好。 当我把它转到FTP并在我的手机上查看时，我注意到响应能力全乱了。navbar按钮不能看到，我必须把页面移到右边才能看到它，还有一些空白，这是没有意义的。 任何帮助都将非常感谢，因为这让我发疯。谢了。
-
问题内容： 问题很简单：假设我有一个完全可响应的后端，如何将其流式传输到浏览器（例如大文本），并在每个块来自服务器时立即将它们打印给用户？ 可能我缺少一些重要的概念性要点，但是我所需要知道的是：是否可以通过一个HTTP GET（或否）请求发送少量数据（从服务器到浏览器）？关键是：在发送全部数据之前，我可以写那些小的部分吗？ 谢谢你的帮助。我以前确实尝试过google，但是我总是会得到其他概念（例如