Как работает пропорционально ужатие веб страниц?

Question

[Roweb]

Где можно узнать про такую штуку, когда в инспекторе на малых разрешениях сайт начинает пропорционально ужиматься(будто фиксируется viewport). Откуда берётся это разрешение с которого начинается сжатие? Можно ли его контролировать?

Comments

[Stalker_RED]

Уточните что и где у вас ужимается.

[Roweb]

Stalker_RED, практически на любом на сайте

[Stalker_RED]

Roweb, уточните о чем вы, уже три человека с вами в угадайку играют.

[Roweb]

Stalker_RED, Что не понятного в моих словах было? Пример - https://www.google.ru. На 980px ширина сжимается, сохраняя пропорции. Я так понял, что это из-за min-width: 980px. Вопрос в том, как контролировать это? В некоторых браузерах страницах будет скроллится, в некоторых ровно 100% занимать, а некоторые обрежут ее при body{overflow:hidden}

[Stalker_RED]

Roweb, хром. не сжимается.


Вот это и непонятно было.

[Roweb]

Stalker_RED, При эмуляции мобильных устройств

[Stalker_RED]

Roweb, охтыжгоспаде, всего 12 часов понадобилось.

Новый вопрос: каких устройств. Вангую, что от этого что-то зависит.

[Roweb]

Stalker_RED, При эмуляции конкретных устройств управление шириной пропадает. Выбирайте пункт responsive.

Answer 1

[bqio]

Адаптивный веб-дизайн

Comments

[Roweb]

Не нашёл ответа

Answer 2

[Константин]

Это можно реализовать используя "rem" для задания размеров элементам. На малых разрешениях с помощью скрипта у тэга html меняем font-size, следовательно весь сайт изменяется пропорционально.

Comments

[Roweb]

Не то совсем

Answer 3

[hzzzzl]

там же в инспекторе нажимаешь на опции -> show media queries, ну а дальше понятно

Comments

[Roweb]

Это работает без media