Добро пожаловать в форум, Guest  >>   Войти | Регистрация | Поиск | Правила | В избранное | Подписаться
Все форумы / HTML, JavaScript, VBScript, CSS Новый топик    Ответить
 почему <!DOCTYPE html> ломает бекграунд  [new]
andrey10
Member

Откуда:
Сообщений: 158
<head>
<style>
.login {
  background: url(../img/bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  overflow: hidden;  
}
</style>
</head><body class="login">
</body>


Если добавляю в начало документа <!DOCTYPE html>, то на мобильных устройствах бекграунд (с размером 1100х600) отображается в 100% размере, и внизу получается много пустого места. Как исправить? :(

Если не добавляю <!DOCTYPE html>, всё нормально, часть изображения полностью покрывает видимую область.
20 июл 18, 18:24    [21589775]     Ответить | Цитировать Сообщить модератору
 Re: почему <!DOCTYPE html> ломает бекграунд  [new]
вадя
Member

Откуда: Екатеринбург
Сообщений: 15467
https://webref.ru/css/background-size
20 июл 18, 18:49    [21589867]     Ответить | Цитировать Сообщить модератору
 Re: почему <!DOCTYPE html> ломает бекграунд  [new]
andrey10
Member

Откуда:
Сообщений: 158
Ничего в верстке не понимаю, подскажите что куда.
20 июл 18, 19:28    [21589964]     Ответить | Цитировать Сообщить модератору
 Re: почему <!DOCTYPE html> ломает бекграунд  [new]
andrey10
Member

Откуда:
Сообщений: 158
Мне background-size: cover; подходит, но на мобильном из-за <!DOCTYPE html> оно работает по-другому.
22 июл 18, 14:39    [21592061]     Ответить | Цитировать Сообщить модератору
 Re: почему <!DOCTYPE html> ломает бекграунд  [new]
вадя
Member

Откуда: Екатеринбург
Сообщений: 15467
YangPu
Попробуйте начинать вёрстку без ... DOCTYPE

а так же без компа
27 июл 18, 19:45    [21609405]     Ответить | Цитировать Сообщить модератору
 Re: почему <!DOCTYPE html> ломает бекграунд  [new]
serendipityyy
Member

Откуда:
Сообщений: 2
Доктайп никак не может влиять на это.
30 июл 18, 01:26    [21612869]     Ответить | Цитировать Сообщить модератору
Все форумы / HTML, JavaScript, VBScript, CSS Ответить