Question

我正在编程我的网站，我想为不同的分辨率创建不同的CSS。我已经按照那里的教程完成了这项工作：http://css-tricks.com/resolution-specific-stylesheets/

一切都做得很好，但是当我的窗口调整为窄css时，所有图像都很大。

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

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

Answer 1

用于调整图像大小

#my_image {
  width: 50px;
  height: 100px;
}

要回答您的第二个问题，display: none just hides it。图像将被下载

Answer 2

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

如果您想通过以下方式动态调整图像大小，这也可能对流体图像有所帮助：

img {
 width: 100%;
}

从它的声音中不是超级IE友好，但在文章中解释了变通方法。 http://unstoppablerobotninja.com/entry/fluid-images

这是第一篇“A List Apart”文章的最终结果......相当不错的IMO。尝试调整浏览器大小以查看其调整方式。 http://www.alistapart.com/d/responsive-web-design/ex/ex-site-FINAL.html