Question

我拥有这个拥有数千名用户的小型社交网络。事情是它在980px处是静态的 - 当时很棒。现在我需要重新设计网站，并希望针对手机，平板电脑以及更大的桌面进行优化。

网站本身非常复杂，设计独特，因此流动的网页设计已不复存在。我需要对元素进行大量控制，因此我选择了响应。

我正在阅读很多关于这个主题的内容，并在99designs.com上阅读，他们针对3个特定的媒体查询：

小：低于600px。这就是内容在大多数手机上的外观。

中：600px - 900px。这就是大多数平板电脑，大型手机和小型上网本型电脑的内容。

大：超过900px。这就是内容在大多数个人计算机上的外观。

我不明白这一点，因为如果我制作600px宽的页面，我的手机会显示一个水平滚动条。

所以我的问题是。我应该在网站的移动版本中使用百分比，如：

#Wrap {
    width: 100%;
    float: left;
}

和桌面（比如980 px桌面）：

#Wrap {
    width: 980px;
    float: left;
}

我真的希望如果我设计一个600px的网站，它会自动适合高达600px的屏幕，如果我使用的话：

@media (max-width: 600px) {