почему <!DOCTYPE html> ломает бекграунд / HTML, JavaScript, VBScript, CSS

ReSQL.ru

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Новые сообщения | Избранное

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / почему <!DOCTYPE html> ломает бекграунд

6 сообщений из 6, страница 1 из 1

почему <!DOCTYPE html> ломает бекграунд

#39677063

andrey10

Гость

Код: html

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.

<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>, всё нормально, часть изображения полностью покрывает видимую область.

...

Рейтинг:

0 / 0

20.07.2018, 18:24

| Ответить | Цитировать | Написать

почему <!DOCTYPE html> ломает бекграунд

#39677068

вадя

Участник

Откуда: Екатеринбург

Сообщения: 19 399

Рейтинг: 0 / 0

https://webref.ru/css/background-size

...

Рейтинг:

0 / 0

20.07.2018, 18:49

| Ответить | Цитировать | Написать

почему <!DOCTYPE html> ломает бекграунд

#39677080

andrey10

Гость

Ничего в верстке не понимаю, подскажите что куда.

...

Рейтинг:

0 / 0

20.07.2018, 19:28

| Ответить | Цитировать | Написать

почему <!DOCTYPE html> ломает бекграунд

#39677352

andrey10

Гость

Мне background-size: cover; подходит, но на мобильном из-за <!DOCTYPE html> оно работает по-другому.

...

Рейтинг:

0 / 0

22.07.2018, 14:39

| Ответить | Цитировать | Написать

почему <!DOCTYPE html> ломает бекграунд

#39680401

вадя

Участник

Откуда: Екатеринбург

Сообщения: 19 399

Рейтинг: 0 / 0

YangPuПопробуйте начинать вёрстку без ... DOCTYPE
а так же без компа

...

Рейтинг:

0 / 0

27.07.2018, 19:45

| Ответить | Цитировать | Написать

почему <!DOCTYPE html> ломает бекграунд

#39680802

serendipityyy

Гость

Доктайп никак не может влиять на это.

...

Рейтинг:

0 / 0

30.07.2018, 01:26

| Ответить | Цитировать | Написать

6 сообщений из 6, страница 1 из 1

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / почему <!DOCTYPE html> ломает бекграунд

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?fid=22&msg=39677080&tid=1444094]:	0ms
get settings:	11ms
get forum list:	14ms
check forum access:	4ms
check topic access:	4ms
track hit:	156ms
get topic data:	11ms
get forum data:	3ms
get page messages:	45ms
get tp. blocked users:	1ms
others:	237ms

total:	486ms