Почему при 100% ширине блок не на весь экран?

261

21 февраля 2017, 16:30

Я заметил одну странную особенность Даже страницу для демонстрации сделал. Если открыть панель инструменты разработчика (F12) и вызвать показ мобильных устройств (Ctrl + Shift + M)то: чёрный блок которому задано width:100% не растягивается во всю ширину. Почему так происходит?

Answer 1

Это из-за фиксированной длины красной полосы.. При ее отключении все ок.

Возможно стоит использовать медиа-запросы или изменить CSS... (например, использовать max-width).

Answer 2

У тебя для body стоит margin: 8px;