当我减小窗口大小但设置为移动视口时不会自动缩放文档答案

【问题标题】：Document automatically scaling when I reduce the size of the window but not when I set to a mobile view port当我减小窗口大小但设置为移动视口时不会自动缩放文档
【发布时间】：2018-05-02 00:03:03
【问题描述】：

我正在构建一个网络应用程序，并且一直在尝试整理一些移动优先设计，如果我缩小我的 chrome 窗口，页面会响应并且运行良好，将对象缩小到合适的级别。

但是，当我将其设置为移动视口时（通过单击检查元素，然后单击电话图标），页面不会相应缩小 - 我怎么知道我的页面在移动设备？它会和我在网络浏览器窗口中缩小页面时一样，还是会像我打开移动视口时一样？

【问题讨论】：

请发布一个重现问题的具体示例。

标签： html css google-chrome bootstrap-4

【解决方案1】：

您可能需要在<head> 中添加<meta name="viewport" content="width=device-width, initial-scale=1">。

移动浏览器的默认行为是充当一个相当大的窗口，因为无响应的网站会因手机的实际大小而崩溃。这告诉浏览器使用它的真实大小。

【讨论】：

如果它有助于解决问题，请accept the answer。