css - 多个分辨率的多个 css - 图像大小调整问题

Question

我正在为我的网站编程，我想为不同的分辨率创建不同的 CSS。我按照上面的教程完成了此操作:http://css-tricks.com/resolution-specific-stylesheets/

一切都正确完成，但是当我的窗口为窄 css 调整大小时，所有图像都很大。

1 问题:如何在 css 中调整它们的大小？2 问题:如果我不想在窄样式中显示一些div，使用“display: none;”会阻止它加载还是只是隐藏它？

非常感谢，抱歉我的英语不好。

Answer 1

这可能是一篇值得一读的好文章。这是我读过的关于“响应式网页设计”的最好的文章之一。 http://www.alistapart.com/articles/responsive-web-design

如果您想通过使用以下方法动态调整图像大小，这也可能有助于处理流畅的图像:

img {
 width: 100%;
}

听起来对 IE 不是 super 友好，但文章中解释了变通方法。 http://unstoppablerobotninja.com/entry/fluid-images

---

这是第一篇“A List Apart”文章的最终结果……IMO 做得很好。尝试调整浏览器的大小，看看它是如何调整的。 http://www.alistapart.com/d/responsive-web-design/ex/ex-site-FINAL.html