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

【问题标题】：Multiple css for multiple resolutions - image resizing problems多个分辨率的多个 css - 图像大小调整问题
【发布时间】：2012-04-17 19:22:43
【问题描述】：

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

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

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

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

【问题讨论】：

标签： css

【解决方案1】：

这可能是一篇值得阅读的好文章。这是我读过的关于“响应式网页设计”的更好的文章之一。 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

【讨论】：

【解决方案2】：

使用它来调整图像大小

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

回答你的第二个问题，display: nonejust hides it。图片将被下载

【讨论】：