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

标签 css

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

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

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

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

最佳答案

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

关于css - 多个分辨率的多个 css - 图像大小调整问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10197744/

相关文章:

css - IE7 中奇怪的 float 和填充

html - 我用于隐藏元素的 CSS 媒体查询在我的 HTC ONE M8 上不起作用

html - 如何删除 body 标签中 header 和下一个 div 元素之间的空格?

html - 向第一列添加元素会将第二列向下推

javascript - 图片 slider jQuery

用于滚动效果的 Javascript 代码适用于 Safari/chrome,不适用于 firefox/opera

javascript - RN : Navigationbar - How to change title from Rightbutton

javascript - 如何使输入和标签的父 div 切换子输入

html - 如何在区域 map 上赋予不透明度

javascript - 单击事件(或查询选择器)无法正常工作