2015-12-13 5 views
1

Я работаю над веб-приложением, и само собой разумеется, что перекрестный браузер очень важен для меня. Мое приложение отлично работает на всех браузерах, но IE11.css проблемы в IE11

Кусок CSS в вопрос очень прост

html,body { 
    height:95%; 
} 

Это не работает в IE11 и высота страницы больше, чем 100% от экрана.

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

Мой вопрос: Есть ли очевидные проблемы с IE11 Height? или я должен искать в другом месте?

ответ

0

Во-первых, отделите body от запятой. Затем используйте vh как здесь:

html, body { 
    height: 100vh; 
} 

это stackoverflow question может помочь

+1

Нет никакой разницы между 'html, body' &' html, body' accept beautification. –

0

Я уверен, что нет никаких проблем с IE11 (даже если я ненавижу его) Ваш код должен быть как код ниже.

body{ 
     height: 95%; 
} 
0

попробуйте добавить height: 100vh; в ваш класс css. Он полностью поддерживается, т.е. 11

+1

Это действительно работало для ie11, а затем испортило сафари, я закончил настройку высоты, используя javascript –

+0

, какую версию сафари вы используете? [check here] (http://caniuse.com/#search=vh) – shishir

+0

5.1: P я знаю, что я тоже был удивлен. Я знаю, что он старый, но совместимость для моей компании - большая вещь. –

2

По умолчанию страницы имеют запас. Это означает, что при отсутствии CSS вообще ваш контент не будет хлюпать по краям окна.

Вы должны переопределить это с помощью margin:0, если вы хотите контролировать точную высоту документа.

+0

Спасибо, но это не поле. Это определенно проблема% и vh –

Смежные вопросы