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>
|
|||
|
|
|
|||
|
|
```
|