【发布时间】：2012-04-21 03:20:25
【问题描述】：
是否有任何教程如何制作类似于this one 的响应式布局？我在整个互联网上搜索，但找不到任何正常的教程，因为所有其他人都调整了窗口大小，并且您可以通过 iphone 进行缩小/缩放。
【问题讨论】：
标签： html css responsive-design
【发布时间】：2012-04-21 03:20:25
【问题描述】：
“树屋”有一门课程。我做了这个(Beginners Guide to RWD)，老实说，我并没有从中得到太多。只是真的没那么实用。
thinkvitamin 网站看起来都不错，但我更喜欢 www.lynda.com。这么说来，lynda 并没有太多更新、最前沿的材料。你可以试试这个(CSS Page Layouts)我自己还没来得及做那个，但是 lynda 上的东西的深度很好，所以如果你需要一些长期的辅导，注册是值得每月 30 美元或其他任何东西。
另外，我知道树屋经历了一次相当大的改造（使用 CSS 技巧等等），无论是（也许是 Chris Coyier 启发的）美学改造还是课程变得更好，我不能说因为我在响应式网页设计令人失望的教程之后取消了订阅。我想我只做了一个又一个，所以这是一个很小的样本量。
不过，基本上，您所需要的只是 CSS 中的媒体查询，以复制您提供的网站的行为。然后只需为正确的屏幕宽度/设备应用正确的 css ...不知道你在那里得到了什么......
【讨论】：
【讨论】：
-
Ilya Knaup，很棒的分享！！！我一直在寻找有关如何开始使用响应式设计布局的有用信息。我现在正在使用 twitter bootstrap 开发自己的项目。我已经使用 940 像素的固定宽度标记了我的整个主题文件。然后最近，我想把这个主题变成一个响应式的。但我不知道从哪里开始。我对@media 查询与基于代码的查询感到困惑。但是你发布的内容是我了解响应式设计布局的一个良好开端。
-
@GaryDapogi 没问题 ;) 这就是我们在这里互相帮助的原因 ;)) 告诉我你是否遇到困难或其他问题，自从我发布这个答案以来，我学会了一些响应式布局的东西，所以我很乐意帮助你;))
-
谢谢！相信我会。我会阅读、研究和了解更多关于您发布的那些文章的内容。我肯定需要你的帮助，所以最好做好准备。