0

Прописал

@charset "utf-8";
/* CSS Document */*{padding:0; margin:0; width: 100%; height: 100vh;}    

но IE не видит height: 100vh

7
  • что можно сделать?
    – Alex Ander
    1 авг 2017 в 11:49
  • Какая версия IE?
    – chromigo
    1 авг 2017 в 12:03
  • Internet Explorer 11
    – Alex Ander
    1 авг 2017 в 12:05
  • 1
    caniuse.com/#search=vh
    – SVE
    1 авг 2017 в 12:05
  • @AlexAnder Попробуйте использовать более специфичный селектор, вместо * напишите, например, body 1 авг 2017 в 12:10

2 ответа 2

1

Вместо vh и vw используем проценты, но чтобы работала высота в процентах нужно родительскому элементу тоже указать высоту:

html,body {
  height: 100%;
  width: 100%;
}
div {
  float: left;
  width: 32.333333%;
  margin-left: 1%;
  height: 49%;
  margin-top: 1%;
  background-color: red;
}
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>

0

Если прописать высоту дважды.

Сначала - height: "высота для ие и тех браузеров, что не знают vh"
А потом - height: 100vh

Браузеры которые знают эту величину возьмут height: 100vh и перетрут прежнюю высоту. А которые не знают - возьмут предыдущий height:

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.