我有这个小社交网络，有几千个用户 . 事情是它在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) {