当屏幕宽度“太小或太大”时，条件视口缩放适合吗？

我对于快速响应式设计还很陌生，所以如果我的问题没有意义，我很抱歉。当屏幕宽度“太小或太大”时，条件视口缩放适合吗？

我目前正在实施两个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时，是否可以自动“缩放以适合”？如果是的话如何？

2013-08-27 JVerstry

当屏幕尺寸小于480像素，那么你的表可能会被截断，或者使用溢出：滚动你的表或去一个响应表.. –

所以你说没有办法自动缩放到适合？ – JVerstry

我不这么认为，当你的宽度设置为像素时，有一种方法可以自动缩放。 –

对于Zurb游乐场响应式桌子有一个非常整洁的解决方案。

它仍然在操场上，但到目前为止，我用它和它的作品真的很好。而且任何类型的自适应设计都会让您在页面中始终拥有移动视窗。这是语义亲爱的帕尔。 :) 它真的会让你的响应式设计变得更容易。

2013-08-27 14:36:41

我在寻找更多有条件地缩放我的表格以适应设备屏幕，而不是实施“响应式设计”表格。从我的阅读中，我不认为这是可能的，所以我会批准这个答案。 – JVerstry

回答