Почему веб-инспектор отображает по другому элементы?

Question

[doroshenko_magic]

Почему если изменять ширину браузера, то элемент со свойством width: 960px создает горизонтальный скролл (что вполне логично), но когда делаешь это через веб-инспектор, то элемент себя ведет как max-width ?

https://codepen.io/zenonchaos/pen/WdPPVj

Comments

[Андрей]

Вопрос не очень понятен.
Веб-инспектор - имеется ввиду панель разработчика (F12)? У меня изменение свойства width через эту панель работает корректно.

[Ankhena]

Потому что кроме выбора размера в инспекторе еще есть выбор типа устройства desktop|mobile, но у вас эта настройка выключена. Включите. И изменяйте тип устройства и смотрите за поведением.

[doroshenko_magic]

Ankhena, а что лучше использовать, если верстаешь адаптивно ? То есть если стоит desctop|mobile то сайт именно так будет отображаться на телефоне? А если без него, то так сайт будет выглядеть, если изменять ширину окна браузера на компе ?

[Ankhena]

doroshenko_magic, если выбрано показать как на мобильном, то покажет, как на мобильном, если desktop, то как на десктопе.

а что лучше использовать, если верстаешь адаптивно ?

Ничего не лучше, что вам нужно в данный момент проверить, такие настройки и выбирайте. Если нужно посмотреть как сайт будет выглядеть на 4к мониторе, то логично desktop, если на айфонах, то mobile и 2х. Как какая-то из этих проверок может оказаться лучше или хуже? :)