手机上的机身不是全宽

时间:2016-11-20 11:29:30

标签: html css

我的网站的主体在移动屏幕上或小于大约时,不会跨越整个宽度。 450像素。您可以在下面的屏幕截图中看到我的检查员告诉我,身体的宽度与屏幕的宽度相同,但视觉效果无法正确显示。

enter image description here

我尝试使用min-width:100%和100vw,但这似乎不起作用。当使用真实的移动设备时,由于我的元标记,内容会正确显示,但当向右水平滚动时,主体会被剪切掉。这是我使用的元标记:

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

我试图删除我使用的所有css和bootstrap,但问题仍然存在。因此,我认为我需要一些额外的CSS来解决这个问题。我怎么解决这个问题?我感谢所有的帮助。

您可以在此链接上查看该网站: test.radency.com

1 个答案:

答案 0 :(得分:2)

刚刚意识到这个问题。一个段落太长,拉伸宽度,但不是身体。添加自动换行或仅删除非换行段解决了问题。