Страницы

Поиск по вопросам

пятница, 20 декабря 2019 г.

Масштаб на мобилке

#html #css


На сайте у body и некоторых элементов (например фиксированное меню сверху) в CSS
установлено свойство min-height: 750px;.
При просмотре с мобильного изначально страница выглядела так:

После добавления  стало так:

Как сделать чтобы минимальный размер был 750px?
Это будет выглядеть примерно вот так:

    


Ответы

Ответ 1





Ответ 2



Исходя из предоставленных данных, у Вас все работает. А растягивается картинка добавьте свойство картинке не cover а просто 100% без репита nav{ min-height: 750px; background-color: yellow; background-image: url('https://i.stack.imgur.com/Ybu0U.png'); background-size: 100%; background-repeat: no-repeat; } Вот пример: https://jsfiddle.net/Rusic/hxz84mfg/5/

Ответ 3



И так, никто не смог ответить правильно. А решение оказалось довольно простым. НЕ использовать width в meta viewport.

Комментариев нет:

Отправить комментарий