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

#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.