logo标签列表

响应式布局教程？

htmlcssresponsive-design
5

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

这里也有一些内容：https://dev59.com/z1nUa4cB1Zd3GeqPcqca - user1677556
2个回答
16
1
Ilya Knaup，非常感谢您的分享！！！我一直在寻找有用的信息，以了解如何开始使用响应式设计布局。我现在正在开发自己的项目，使用Twitter Bootstrap。我已经使用固定宽度940px标记了整个主题文件。最近，我想将这个主题转换为响应式主题。但是我不知道从哪里开始。我对@media查询和基于代码的方法感到困惑。但是您发布的内容对我来说是一个很好的起点，可以学习有关响应式设计布局的知识。 - GaryP
@GaryDapogi 没问题;)这就是我们互相帮助的原因;))如果你遇到困难或者有什么问题，请告诉我，自从我发布这个答案以来，我学到了很多响应式布局的知识，所以我很乐意帮助你;)) - Ilja
谢谢！当然，我会阅读、学习并深入了解你发布的那些文章的内容。我肯定需要你的帮助，所以最好准备好。 - GaryP
1

'Treehouse'上有一门课程。我学习了(响应式网页设计入门指南)，但说实话，我没有从中获得太多实际的东西。它并不是那么实用。

thinkvitamin网站看起来很漂亮，但我更喜欢www.lynda.com。尽管如此，lynda在更新、前沿方面的内容不是很多。你可以试试这个(CSS页面布局)。我自己还没来得及学，但lynda的深度很好，所以如果你需要长期辅导，注册付费每月30美元是值得的。

此外，我确实知道Treehouse经过了相当大的改变（与CSS-tricks等接轨），无论是（也许是Chris Coyier启发的）美学改造还是课程变得更好，我不能说，因为在失望的响应式网页设计教程后，我取消了我的订阅。不过我想我只学习了那一个和另外一个课程，所以样本量很小。

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

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接