Масштаб на мобилке
На сайте у body и некоторых элементов (например фиксированное меню сверху) в CSS установлено свойство min-height: 750px;.
При просмотре с мобильного изначально страница выглядела так:
После добавления <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1" /> стало так:
Как сделать чтобы минимальный размер был 750px?
Это будет выглядеть примерно вот так:
<meta name="viewport" content="width=750, initial-scale=1.0, maximum-scale=1.0, user-scalable=1" />
Исходя из предоставленных данных, у Вас все работает. А растягивается картинка добавьте свойство картинке не 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;
}<nav>
</nav>Вот пример: https://jsfiddle.net/Rusic/hxz84mfg/5/
И так, никто не смог ответить правильно.
А решение оказалось довольно простым.
НЕ использовать width в meta viewport.
-
06:53
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
-
20:42
-
09:21
Основные этапы разработки сайта для стоматологической клиники
-
12:26
-
10:30
-
18:43
Продвижение своими сайтами как стратегия роста и независимости
-
22:46
-
06:18
-
12:23
- Почему SERVER_ADDR имеет не тот IP 50308 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31941 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 26284 visits
- Как через css изменить цвет png изображения? 11765 visits
- Blob video url download 11313 visits
- Php curl запрос через прокси с авторизацией 10721 visits
- Работа с captcha vk api 9517 visits
© "hostciti.net" 21.3.2026 | 16:58