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

我正在为我的网站编程，我想为不同的分辨率创建不同的css。 我已经按照上面的教程完成了这项工作：

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

1个问题：如何在css中调整它们的大小？ 2个问题：如果我不想以窄样式显示某个div，那么使用“display:none；”会阻止加载它还是将其隐藏

---

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

用于调整图像大小

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

---

要回答第二个问题，

display:none

。图像将被下载

这可能是一篇通读的好文章。这是我读过的关于“响应式网页设计”的更好的文章之一

如果您希望通过使用以下工具动态调整图像大小，这也可能有助于流体图像：

img {
 width: 100%;
}

听上去不是超级IE友好，但文章中解释了解决方法。

---

---

这是第一篇“分开列表”文章的最终结果。。。在我看来，做得很好。试着调整浏览器的大小，看看它是如何调整的

回答第二个问题：容器中的DOM元素具有

display:none仍然被加载（您可以在浏览器页面的sourceode中看到它）