IE 8 конкретных таблиц стилей не будет работать с использованием условного комментария

Question

На моем сайте просто есть слова «Почему этот текст невелик?» на экране. Он правильно реагирует на стиль CSS, применяемый к нему, но не в IE 8.

HTML, является:

<!--[if IE 8 ]> 
    <p>Only IE 8 will see this</p> 
<![endif]--> 

<div class="font4">Why is this text small?</div> 

и стиль для "font4" в тегах стиле в верхней части, является:

.font4 { 
    margin-top: 4%; 
    margin-bottom:3%; 
    color: #030; 
    font-family: "Times New Roman", Times; 
    font-size: 6vh; 
    text-align:center; 
} 

Но если я его просмотра в IE 8, он показывает слишком маленький, как это:

Так что я положил этот HTML в голове:

<!--[if IE 8]> 
    <link rel="stylesheet" type="text/css" href="http://testsite24.netai.net/public/ie8.css"> 
<![endif]--> 

и ie8.css должным образом связаны. Код для ie8.css является:

@charset "utf-8"; 
/* CSS Document */ 

.font4 { 
    margin-top: 4%; 
    margin-bottom:3%; 
    color: #030; 
    font-family: "Times New Roman", Times; 
    font-size: 10vh; 
    text-align:center; 
} 

Но почему он не реагирует на font-size: 10vh;?

Вы можете просмотреть свой сайт здесь: http://testsite24.netai.net/public/demo.html

Спасибо!

Answer 1

Это просто потому, что viewport-percentage lengths, например vh, являются not supported in IE8.