在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伙計們