0

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

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

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

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

4

2 回答 2

1

使用它来调整图像大小

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

要回答您的第二个问题,display: none 只需将其隐藏即可。图像将被下载

于 2012-04-17T19:28:15.090 回答
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

于 2012-04-17T19:41:46.543 回答