Table RWD Css-Trick 提供了四種響應式網頁的解決方案,分為:擠壓(Squish)、捲動(Scroll)、摺疊橫列(Collapse Rows)、摺疊直行(Collapse Columns),以下簡單實作各種方式CSS方法。 Squish 形式相對來說比較簡單,針對顯示裝置的解析度,改變每個欄位長度,整體來說較無破壞原有表格之樣式,但當表格內某幾個欄位文字訊息特別多時,會造成這些欄位變得特別的長,因此影響觀看流程,使用者體驗自然不佳。這樣的表格較適合資訊量不大或每個欄位資訊量較一致資訊表。 Scroll...
