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

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

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

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

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

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

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