CSS

Результат: Ссылка 1

Использование min-width Использование max-width В основном смотрел на устройства Apple. Хотя устройства на базе Android также важны, в большинстве телефонов они отличаются друг от друга. Я надеюсь, что это не имеет большого значения для вас. Device Category Breakpoint Width Device Name Mobile, portrait 320px iPhone SE 375px iPhone 6 to X 414px iPhone 8 Plus Mobile, landscape

Так как ширина элемента, указанная с помощью 100vw больше ширины области просмотра, то для создания полноэкранных фоновых изображений лучше использовать ширину 100%, которая будет равна ширине корневого элемента html.