Div在移动设备上无法正常显示

Question

我无法使我的网站具有移动响应能力。我是网页设计的新手。

我创建了一个新的Rails应用程序，允许用户创建帖子。

该帖子在我的桌面上看起来不错，但是当我使用Google的检查元素工具并尝试使用虚拟智能手机（例如iPhone 6）查看时。文字非常小，帖子看起来不正确

这是帖子在我桌面上的显示方式。这是正确的。

但是，当我在inspect元素上查看时，这就是帖子的样子。假设帖子宽度为100％，你可以看到，但为什么文字和图标这么小？它看起来不像上面的图片。

如何在智能手机上查看帖子与在桌面上查看的帖子完全相同？

以下是我尝试对帖子进行操作的示例。在下图中，帖子的文字大小和内容在移动视图中看起来是正确的。

Answer 1

两个选项：

1. 当您选择虚拟移动视图后必须刷新页面时，Chrome有时会出现延迟，因此网站会调整新的“移动”分辨率，

2. 尝试将meta标签用于移动支持：

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