Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/azure/12.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
Css 分区';s是';t在移动设备上正确显示_Css_Sass - Fatal编程技术网

Css 分区';s是';t在移动设备上正确显示

Css 分区';s是';t在移动设备上正确显示,css,sass,Css,Sass,我无法使我的网站移动响应。我是网页设计新手 我创建了一个新的Rails应用程序,允许用户创建帖子 这篇文章在我的桌面上看起来不错,但当我进入谷歌的inspect element工具并尝试使用虚拟智能手机(如iPhone 6)查看时。文本很小,帖子看起来不正确 我的桌面上的帖子就是这样的。这是正确的。 然而,当我查看inspect元素时,这就是posts的样子。正如你所看到的,帖子的宽度应该是100%,但是为什么文本和图标这么小呢?它看起来不像上图。 我该怎么做才能使在智能手机上查看的帖子

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

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

这篇文章在我的桌面上看起来不错,但当我进入谷歌的inspect element工具并尝试使用虚拟智能手机(如iPhone 6)查看时。文本很小,帖子看起来不正确


我的桌面上的帖子就是这样的。这是正确的。


然而,当我查看inspect元素时,这就是posts的样子。正如你所看到的,帖子的宽度应该是100%,但是为什么文本和图标这么小呢?它看起来不像上图。

我该怎么做才能使在智能手机上查看的帖子看起来与在桌面上查看的帖子完全相同

下面是一个我试图用我的帖子做的例子。在下图中,文章的文本大小和内容在移动视图中看起来是正确的

两个选项:

  • 有时,当你选择虚拟移动视图后必须刷新页面时,Chrome会出现延迟,因此网站会调整新的“移动”分辨率
  • 尝试将meta标记用于移动支持:

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

  • 显示您的代码please@JordanS,我所做的就是在post=<696px时将div“post column”的宽度更改为100%