當屏幕寬度「太小或太大」時，條件視口縮放適合嗎？

Question

我對於快速響應式設計還很陌生，所以如果我的問題沒有意義，我很抱歉。

我目前正在實施兩個CSS設置了兩個屏幕寬度：

@media screen and (max-width:659px) { ... } 

@media screen and (min-width:660px) { ... } 

在第一組，我有一個480像素寬表內容並居中，margin auto。如果屏幕尺寸在480像素和659像素之間，我很高興在左側和右側有一些背景空間。

第二組在左側添加一個額外的列，使表格寬度爲660px。

當屏幕寬度低於480px或明顯高於660px時，我很擔心。我的桌子會被截斷，或者左右邊緣會有太多的餘量。這是縮放可能很有趣的地方。

我讀了建議落實視窗meta標籤如下：

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

但是，這是我的問題的解決方案？什麼是正確的方式來實現我的視口元標記？當表格寬度爲480px或660px時，是否可以自動「縮放以適合」？如果是的話如何？

Answer 1

對於Zurb遊樂場響應式桌子有一個非常整潔的解決方案。

http://zurb.com/playground/responsive-tables

它仍然在操場上，但到目前爲止，我用它和它的作品真的很好。 而且任何類型的自適應設計都會讓您在頁面中始終擁有移動視窗。這是語義親愛的帕爾。 :) 它真的會讓你的響應式設計變得更容易。