响应式布局教程？

Question

有没有关于如何制作类似this one的响应式布局的教程？我在整个互联网上搜索，但找不到任何正常的教程，因为所有其他人调整窗口大小，你可以通过iphone缩小/放大。

Answer 1

这里有几篇关于响应式设计的博客文章：

• Responsive design in 3 steps
• Responsive design with css3 media queries
• Device-agnostic approach to responsive web design
• Responsive design

Answer 2

“树屋”有一门关于它的课程。我做了这个(Beginners Guide to RWD)，老实说，我并没有从中得到太多。它真的不是那么实用。

The维他命网站看起来很漂亮，但我更喜欢www.lynda.com。这样说来，lynda在新的、尖端的材料方面没有那么多。你可以试试这个(CSS Page Layouts)我没有时间去做那个，但是lynda上的东西深度很好，所以如果你需要一些长期的辅导，注册是值得的，每月30美元或其他任何东西。

另外，我确实知道treehouse经历了一次相当大的改头换面(用CSS技巧和诸如此类的东西连接起来)，无论是(可能是Chris Coyier启发的)美学改头换面，还是课程变得更好，我不能说，因为我在令人失望的响应式网页设计教程后取消了订阅。我想我只做了一个和另一个，所以样本量很小。

基本上，您只需要在css中使用媒体查询来复制您提供的站点的行为。然后，只需为正确的屏幕宽度/设备应用正确的css ...不确定你所说的“既然所有其他人都在调整窗口大小”是什么意思--难道用户不是在调整窗口而不是设计吗？不知道你在说什么.