22 lines
816 B
Markdown
22 lines
816 B
Markdown
---
|
||
title: Make an Image Responsive
|
||
localeTitle: Сделать изображение отзывчивым
|
||
---
|
||
## Сделать изображение отзывчивым
|
||
|
||
Следуя инструкциям:
|
||
|
||
Добавьте правила стиля для тега img, чтобы он реагировал на размер его контейнера. Он должен отображаться как элемент уровня блока, он должен соответствовать полной ширине его контейнера без растягивания, и он должен сохранять исходное соотношение сторон.
|
||
|
||
стиль становится:
|
||
|
||
```css
|
||
<style>
|
||
img {
|
||
max-width: 100%;
|
||
display: block;
|
||
height: auto;
|
||
}
|
||
</style>
|
||
|
||
``` |