代码示例:(标识:css_ex_images_responsive)
<!DOCTYPE html>
<html>
<head>
<style>
img {
  max-width: 100%;
  height: auto;
}
</style>
</head>
<body>

<h1>响应式图像</h1>
<p>自适应图像将自动调整以适合屏幕尺寸。</p>
<p>请调整浏览器窗口的大小以查看效果:</p>

<img src="/static/demo/images/logo-2.png" alt="(www.sou-xun.com)" width="800" height="450">

</body>
</html>
运行结果: