Почему когда увеличиваешь размер экрана браузера верстка изменяет вид на мобильную?

Question

[Bob Clapton]

Что нужно дописать в медиа правилах или может где не будь еще, что бы при увеличении экрана (когда зажимаем ctrl и крутим колесиком мыши) верста не меняла свой тип на планшетную и мобильную а просто увеличивала сайт?

Comments

[Froggyweb]

что-то пошло не так не видел сайтов на десктопе, которые при масштабировании меняют адаптив на мобилку.

Answer 1

[AbrahamSalimov]

Попробуй meta тег убрать, у которого content=“width=device width” и тд он по дефолту через ! TAB создается в emmet

Comments

[Сергей delphinpro]

чтобы медиазапросы перестали работать и адаптив полетел к черту. Браво!

Answer 2

[12Vadim12]

<meta name="viewport" content="width=device-width, initial-scale=1.0">

У меня классика стоит, и все работает. Адаптивное устройство у вас должно быть выбрано
в размерах(в коде элементов), там же если не работает ctrl + scroll, можете увеличить нужную часть страницы, выбрав значение 150%, или 200%

Comments

[Bob Clapton]

НЕ понял вот это)
"""Адаптивное устройство у вас должно быть выбрано
в размерах(в коде элементов)"""

Answer 3

[Сергей delphinpro]

Потому что логическое разрешение уменьшается, и браузер совершенно правильно переключает отображение согласно медиа-запросам.
Это абсолютно корректное поведение, не следует его менять.

Comments

[Bob Clapton]

Понятно.
А если надо сделать что бы можно было масштабировать сайт?
Только через JS?

[Aetae]

Bob Clapton, да.
Если очень хочется, можно добавить определение десктоп у тебя или мобила(100500 либ для этого есть), и, например, ставить body класс .mobile и все мобильные медиа-запросы сделать актуальными только если есть этот класс.