操作方法 - 响应式图像
学习如何使用 CSS 创建响应式图像。
响应式图像将自动调整以适应屏幕尺寸。
调整浏览器窗口大小以查看响应效果
如何创建响应式图像
步骤 1) 添加 HTML
示例
<img src="nature.jpg" alt="Nature" class="responsive">
步骤 2) 添加 CSS
如果您希望图像在响应时能够放大和缩小，请将 CSS width 属性设置为 100%，并将 height 设置为 auto
如果您希望图像在需要时缩小，但绝不会放大超过其原始尺寸，请使用 max-width: 100%
如果您想将响应式图像限制为最大尺寸，请使用 max-width 属性，并使用您选择的像素值
访问我们的 CSS 图像教程，了解更多关于如何设置图像样式的信息。
请访问我们的 CSS RWD 教程 了解更多关于响应式网页设计的信息。
