Какая особенность Firefox вызывает такое поведение и как я могу воссоздать его в стандартном режиме? - PullRequest
Новая
       46

Какая особенность Firefox вызывает такое поведение и как я могу воссоздать его в стандартном режиме?

0 голосов
/ 20 июня 2019

Для Firefox следующий документ визуализируется иначе в стандартном режиме, чем в режиме причуд. В режиме причуда div заполняет экран, но в стандартном режиме - нет. Я прочитал список причуд MDN и, похоже, не смог найти виноватых. Хотя было бы здорово узнать причуду, мой вопрос на самом деле как мне воспроизвести поведение режима причуд в стандартном режиме? 

<!DOCTYPE html>
<!-- remove doctype for quirks mode rendering -->
<head>
  <style>
  #test {
    height:100%;
    background:black;
  }
  </style>
</head>
<body>
  <div id="test">
    content
  </div>
</body>

Ответы [ 2 ]

1 голос
/ 20 июня 2019

Соответствующая причуда:

Существует множество причуд, чтобы получить процентную высоту изображений, таблиц, объектов и апплетов (и т. Д.) Для «работы» (так, как они это делали).в Netscape Navigator 4), хотя CSS говорит, что высота в процентах должна вести себя как высота 'auto', когда родительский элемент не имеет фиксированной высоты.Смотрите ошибку 33443 # c9.См. Также ошибку 41656 и ее дубликаты.Некоторые из этих причуд могут вызвать другие эффекты (см. Ошибку 54119).

Лучшая репликация, о которой я могу подумать, будет: 

html,body { margin: 0; padding: 0; }
#test {
  height:100vh;
  background:black;
}

… или даже просто:

body {
    background: black;
}
0 голосов
/ 20 июня 2019

Если это приемлемо, вы можете попробовать другой показатель, например, 'vh': 

#test {
 height: 100vh;
 background: black;
}

vh - эквивалент 1% высоты окна браузера.vw - эквивалент 1% ширины окна браузера.

...