好的，所以我希望通过 CSS 选择一个基于流体的图像，但是，这是我遇到的问题。
这是我认为我必须做的事情，但是，它不起作用：
#image { background-image:pic.jpg; height:100%; width:100%; }
但是，你不能让这个标签使用“height:100%;”，对吗？您必须将其设置为像素宽度。但是如果我希望它是流畅的..那么我不能将它设置为像素宽度，对吗？
还有另一种方法可以做到这一点吗？谢谢。
问问题
209 次
2 回答
1
如果您的意思是我所想的“流体”（响应式设计的“流体”），那么将“最大宽度”设置为“100%”应该确保图像永远不会溢出其容器（或者换句话说，超过 100% 的宽度）。
img { max-width: 100%; }
编辑：如果您的问题是使高度保持纵横比，请不要指定高度属性，或者如果您需要覆盖属性设置，请将高度也设置为自动（！重要）：
img { max-width: 100%; height: auto !important; }
于 2012-09-09T11:58:46.313 回答
1
如果你这样做，它将是流畅的：
HTML：
<img src="http://news.bbcimg.co.uk/media/images/62777000/jpg/_62777247_62777242.jpg" alt="" />
CSS：
<code>img { 宽度：100%; }</code>
或者如果你想将宽度和高度拉伸到 100%，试试这个（但比例不正确）：
于 2012-09-09T12:19:38.127 回答