Почему веб-инспектор отображает по другому элементы?
Почему если изменять ширину браузера, то элемент со свойством width: 960px создает горизонтальный скролл (что вполне логично), но когда делаешь это через веб-инспектор, то элемент себя ведет как max-width ?
Потому что кроме выбора размера в инспекторе еще есть выбор типа устройства desktop|mobile, но у вас эта настройка выключена. Включите. И изменяйте тип устройства и смотрите за поведением.
Ankhena, а что лучше использовать, если верстаешь адаптивно ? То есть если стоит desctop|mobile то сайт именно так будет отображаться на телефоне? А если без него, то так сайт будет выглядеть, если изменять ширину окна браузера на компе ?
doroshenko_magic, если выбрано показать как на мобильном, то покажет, как на мобильном, если desktop, то как на десктопе.
а что лучше использовать, если верстаешь адаптивно ?
Ничего не лучше, что вам нужно в данный момент проверить, такие настройки и выбирайте. Если нужно посмотреть как сайт будет выглядеть на 4к мониторе, то логично desktop, если на айфонах, то mobile и 2х. Как какая-то из этих проверок может оказаться лучше или хуже? :)