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