Як зробити адаптивність у HTML?
Щоб створити адаптивний веб сайт, додайте наступний тег <meta> для всіх ваших веб-сторінок:
- <meta name="viewport" content="width=device-width, initial-scale=1.0"> …
- <img src="img_girl.jpg" style="width:100%;"> …
- <img src="img_girl.jpg" style="max-width:100%;height:auto;"> …
- <picture>
Як правильно зробити адаптивну верстку?
Адаптивна верстка передбачає використання 2 одиниць – em (допускає варіативність для будь-якого елемента документа) і rem (задається один раз на сторінку). Em – це розмір шрифту, який використовується на смартфоні або іншому мобільному пристрої за замовчуванням.