nata_name Nov 22 2019 at 09:47

Изучить отзывчивый веб-дизайн за 5 минут

4 min

25K

Web design*CSS*HTML*

From sandbox

+20

Comments 5

ArcticFox777 Nov 22 2019 at 20:06

Интересно. На youtube много видео на подобную тему, длительностью от 40 минут. А тут все в статью уложилось.

hd_keeper Nov 23 2019 at 00:05

много облегчает

Машинный перевод detected.

-1

mSnus Nov 23 2019 at 02:55

Для удобства песочничества закинул сюда:
https://codepen.io/mSnus/pen/ExxJexP

Вообще не очень понял в чём смысл сначала задавать шрифт в rem, а потом через Media Query фиксировать его в px. Разве что для примера, что "так тоже можно"?

rgyph Nov 23 2019 at 18:28

Размер шрифта элементов nav и h1 не изменяется. Изменяется он только для html, чей размер является базовым для всех вложенных элементов с rem.

То есть, итоговый медиа-запрос будет выглядеть примерно так:

@media (max-width: 768px) {
    html {
        font-size: 14px;
    }

    .myImage {
        width: 100%;
    } 
}

mSnus Nov 23 2019 at 19:20

Вы правы, я при сборке кусков css из текста статьи по ошибке закинул туда то, что шло как "неудачный пример".

Один из способов это сделать – уменьшить размер шрифта в медиа-запросе, например, следующим образом...

Show the best of all time