我已经考虑过网页设计的新手了，我在教育中发现了漏洞。我的教授用Dreamweaver教我们并简单地使用它，因为Dreamweaver完成了80％的工作（这是通过商学院，效率是重点而不是质量）。
即使我在课堂上得分很高，但这并没有教会我什么。我正在做更多的网页设计，目前我无法理解如何编程来考虑各种设备。我想知道的是代码示例，文章（我发现了一些，他们没有任何帮助），或其他任何有助于填补我的漏洞的内容。
我想专业地编写代码来处理可能影响网页的屏幕宽度，浏览器和其他设备怪癖。基本上我在格式化方面缺乏良好的实践。感谢您的耐心和时间！
答案 0 :(得分：1)
这里有一些很好的建议，虽然提到的一些事情可能会让你有些困惑，因为你将第一次研究响应式设计。首先，可以使用 px 尺寸，但您并不总是必须使用％或 em 。您选择的测量值取决于您的设计以及您希望如何响应。 SASS绝对是值得学习的东西，但现在它与你学习响应式设计无关。
youtube（try this channel）上有关于构建基本响应式网站的无尽教程。如果你想学习响应式网页设计并真正理解它背后的原理，那么我会推荐这本书Responsive Web Design。这是一个非常简短的阅读，但是是一个很好的资源。
你还提到你的编码技巧有限，所以我假设你只有基本的HTML。尽管原则上的HTML很容易理解，但是在构建响应式网站时，您确实需要不仅仅是在语义标签上添加额外的焦点，而且还要考虑HTML的布局方式。这又取决于您的设计以及您希望您的网站如何在不同的屏幕尺寸上查看，当您开始构建您的第一个项目时，我会更清楚地提到您的HTML布局的重要性。
答案 1 :(得分：-1)
如果您想要考虑多个设备及其特定宽度，您可能正在寻找media queries，这是CSS中使用的一种标记。
媒体查询以指定的宽度创建断点，仅在屏幕高于/低于指定宽度时才应用某些css。这样您就可以为多个设备创建不同的观看体验。
然而，媒体查询将无法处理动态变化的大小（想想调整浏览器的大小）。为此，您需要对响应式网页设计进行一些研究。