Вставка media в html

Question

Вставка media в html

Амай Амаев Новичок (0), на голосовании 2 дня назад

Как медиа для адаптивности верстки правильно вставить в style html на всякий вложил изображение

Дополнен 1 месяц назад

Если можно приведите примеры

Answer 1

@media - директива CSS, которая используется либо в CSS-файле, либо в HTML-теге <style>...</style>. И НЕ используется в HTML-атрибуте style="...".

Answer 2

Это делает так:

 <div style="background-color: lightblue; min-width: 200px; max-width: 500px; padding: 10px;"> 
    Это блок с ограничением ширины от 200px до 500px. 
</div>

Шпаргалку по адаптиву min/max/@media читать там: https://local-disc.firebaseapp.com/menu/articles/@MEDIA_MIN-MAX.HTML

От инлайн стилизации лучше конечно отказаться..