css - 为什么我的图像不调整大小? (响应式设计)

标签 css responsive-design

所以在 CSS 重置的顶部附近,我添加了一个额外的规则来将所有图像元素设置为 max-width: 100%。但是,我的图像没有正确调整大小,尤其是图库。它应该停留在单杠上,但是我终生无法让它工作,我也不知道为什么。我特别不熟悉响应式设计。买了一本书,还是看不懂。我做错了什么?

谢谢!

http://lrroberts0122.github.com/DWS/lab5/index.html

http://lrroberts0122.github.com/DWS/lab5/css/main.css

最佳答案

我在任何地方都看不到您指定图像的宽度。通过添加 img { width: 100%; } 到你的 CSS,它对我有用。

你也知道你已经包含了你的 CSS 两次

关于css - 为什么我的图像不调整大小? (响应式设计),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12838073/

相关文章:

css - 同位素网格和内联 ajax 注释

html - 具有 flex 布局的网站内容包装器

html - em 中的媒体查询不受基本字体大小的影响

css - 将div添加到div(响应式布局)中

html - CSS 缩放高度以匹配宽度 - 可能具有外形尺寸

css - 是否有大型现有元素的 CSS 样式指南。或者我该如何优化大型元素的 css

html - 什么是html中的<hover-sprite>标签以及如何有效使用?

html - dotmailer 3 列简易编辑器的移动堆叠 - 在 iphone 上不起作用

jquery - 如何在 JQuery 和/或 CSS 中创建水平文本 slider ?

html - 如何在选择标签内添加类