在Mobile View上每个元素的宽度不会100％

Question

我使用html5 PHP和bootstrap创建我的网站。 我没有在CSS中设置max-width或其他值，因此必须将其设置为默认值。 但是，这是我尝试在移动设备上查看时的外观

这不是完全正确吗？ 是因为我的桌子在图片2上吗？ 我尝试使用@media修复它，但仍然找不到解决方案。 请帮我 ：（

Answer 1

尝试在head标签内使用视口。

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

Answer 2

在以下两种情况下，通常会发生这种情况。

检查是否错过了结束div标签。

或者，如果您使用的是引导程序，请使用white-space: nowrap;将文本折叠起来white-space: nowrap; 为文本。

希望您的情况是上述情况之一！

Answer 3

您可以尝试：<meta name =“ viewport” content =“ width = device-width，initial-scale = 1”>但我不确定这是否有帮助。

您也可以尝试将样式中的“宽度”更改为“最大宽度”，因为固定宽度无法响应。

Answer 4

伙计们感谢您的回应！ 但是，我解决了。 解决的办法是我必须用<

div =“ table-sensitive”>

而且有效！！ thx伙计们