22 lines
423 B
Markdown
22 lines
423 B
Markdown
|
---
|
|||
|
|
title: Make an Image Responsive
|
|||
|
|
localeTitle: 使图像响应
|
|||
|
|
---
|
|||
|
|
## 使图像响应
|
|||
|
|
|
|||
|
|
按照说明：
|
|||
|
|
|
|||
|
|
添加img标记的样式规则，使其响应其容器的大小。它应该显示为块级元素，它应该适合其容器的整个宽度而不拉伸，并且它应该保持其原始的宽高比。
|
|||
|
|
|
|||
|
|
风格变成：
|
|||
|
|
|
|||
|
|
```css
|
|||
|
|
<style>
|
|||
|
|
img {
|
|||
|
|
max-width: 100%;
|
|||
|
|
display: block;
|
|||
|
|
height: auto;
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
|
|||
|
|
```
|