移動優化基於表格的網站？

Question

我一直致力於移動優化與媒體查詢網站加載特定的CSS在較窄的瀏覽器。然而，我剛剛注意到，該網站是用不合適的CSS構建的。我知道爲什麼使用表格構建網站的所有原因是一個可怕的想法，但是有沒有什麼解決辦法可以讓我將表格打破成CSS的單一列布局？

Answer 1

這可能是一項艱鉅的任務。

取決於你的移動瀏覽器的目標，並依賴於使用的標記（是否有其他表格存在？你能容易地瞄準正確的佈局表等），那麼我會建議設置顯示屬性的佈局TD的阻止，讓你擺脫桌面的限制。

像下面的代碼片段的CSS應該可以在現代移動瀏覽器中做到這一點，儘管如果可能的話，您應該考慮針對預期的元素，以免影響其他表格。

table, tr, td { 
    display: block; 
} 

將表格元素設置爲阻塞後，您應該能夠按照移動佈局的需要設置樣式和位置。