Как отобразить сайт на всю ширину экрана по умолчанию?

Question

[Сергей Киселев]

Для макета сайта задана минимальная* ширина 960px, но на мобильном устройстве с меньшей шириной экрана сайт загружается в соответствии с разрешением. При уменьшении масштаба часть фона масштабируемого элемента теряется. Как этого избежать?

marketodont.ru

Answer 1

[Сергей Киселев]

Проблема была решена применением min-width: 960px (в соответствии со всем макетом) к тем элементам, чей фон вызывал баг.

Answer 2

[Tlito]

удалите для .container опцию:

/* min-width: 960px; */

и все будет ок. и еще научитесь фаербагом пользоваться.
у вас не максимальная а минимальная ширина задана.

Comments

[Сергей Киселев]

обшибся в написании вопроса, минимальная и планировалась.

Answer 3

[Ilya]

Создать мобильную версию с оптимизацией.

Comments

[Сергей Киселев]

Сроки горят, сия подождёт. Нужно решение для текущей вёрстки, с минимумом CSS.

Answer 4

[svd71]

Наконец то начать писать значения не в пикселях, а в процентах: min-width: 90%;

Comments

[Сергей Киселев]

плохо понимаю, откуда столько "снисходительства" в каждом ответе, но если бы вы были повнимательнее, то увидели бы, что такая запись покатит вёрстку и текущая написана специально.