2016-06-07 106 views
2

在某些移動設備(如iPhone 5C)上,我的網頁上的表格離開頁面一半。我怎樣才能改變它,所以我的頁面寬度不會小於使用CSS的表格的最小寬度。CSS - 將表格保留在頁面上

我試圖刮儘可能多的空間,但我似乎無法讓我的表更小的移動。

(移動網站[轉到頁的底部,然後選擇手機版])http://mobilereactor.co.uk/shop/mobile-phones/samsung-galaxy-j1-white-deals/

表中的問題是在選項卡中。嘗試在瀏覽器中調整頁面寬度儘可能小,你會看到問題。

正如你可以在the image中看到的頁面能夠調整過去表格的最小寬度。

+0

你能提供一個簡單的自包含的例子的問題?您可以使用片段功能'<>'在您的問題中嵌入示例。儘可能讓我們儘可能簡單地幫助你。提供您正在修復的網站的鏈接是一個移動目標。如果你做出改變,我們怎麼知道你修復了它?一旦解決了這個問題,對未來的用戶就沒有用處了。 –

+0

我不認爲我可以複製的問題說實話 – Scott

+0

只是爲了清楚,包括使用屏幕截圖的問題。謝謝 – Spiderman

回答

1

這可以防止表格內容超出其父容器的範圍,如截圖中所示。

​​

enter image description here

屏幕尺寸爲約300像素

+0

整潔的小工作,我確實設法颳了幾個像素,並使其適合iPhone 5C屏幕整齊,但此代碼可能仍然派上用場,謝謝:) – Scott