【发布时间】：2014-02-04 11:17:13
【问题描述】：
我正在尝试将我的网站转换为响应式设计。我计划使用三个布局，每个布局宽度为 1024（当前版本），可能还有一个 600 像素宽度版本和 300 像素宽度版本。我是响应式的新手设计，所以我想知道这些宽度的最佳选择是什么？
一个是 1024 px（主容器的宽度）
当我将宽度调整到 1024 像素以下时，我将网页大小调整为 600 像素
在将浏览器的大小调整到 600 像素以下时，我会将其设为 300 像素。
我的问题是这些宽度的最佳选择是什么？ 600px 和 300px 是否足够好，或者请提出最佳选择？
【问题讨论】：
-
将其修复为 1024,600,300 实际上会使其无响应。使用引导程序创建响应式网站，宽度默认由样式处理。你只需要使用正确的类。查看getbootstrap.com
-
这听起来更像adaptive web design (AWD) 而不是响应式网页设计 (RWD)。通过响应式网页设计，媒体查询与流体布局（百分比而不是像素）一起使用。通过自适应网页设计，媒体查询针对特定设备尺寸，然后在媒体查询范围内应用固定（基于像素）布局。
标签： css responsive-design