Для верстки макета с разным оформлением фона для каждого окна, который должен выглядеть одинаково на мобильных устройствах, можно использовать следующие методы:
1. Использование медиа-запросов: создание стилей CSS с помощью медиа-запросов, чтобы каждое окно имело определенное оформление фона в зависимости от разрешения экрана устройства. Например, можно задать разные изображения фона или цвета для каждого окна при разном разрешении экрана.
2. Использование фоновых изображений с поддержкой респонсивности: создание фоновых изображений, которые будут адаптироваться к разным размерам экранов устройств, что позволит сохранить одинаковый внешний вид для каждого окна на всех устройствах.
3. Использование псевдоэлементов CSS: добавление псевдоэлементов ::before или ::after к каждому окну и задание им определенного оформления фона, что позволит создать нужный эффект и сохранить его при отображении на мобильных устройствах.
4. Использование библиотек для адаптивной верстки, таких как Bootstrap или Foundation, которые предоставляют готовые компоненты и стили для создания адаптивных макетов с разными оформлениями фонов.
Выбор конкретного метода зависит от сложности макета и требований к дизайну, но вышеперечисленные способы помогут эффективно верстать макет с разным оформлением фона для каждого окна, который будет одинаково выглядеть на мобильных устройствах.