JS에서 IE 8-9의 글꼴 크기를 변경할 수 없습니다.

Question

ContentFlow JS 라이브러리를 사용하고 있으며 IE (8 및 9, 이전 버전에서는 지원하지 않을 예정입니다.)에 문제가 있습니다. ContentFlow의 스크립트는 컨베이어에서 글꼴 크기를 조정할 수 없습니다. Chrome, FireFox, Safari, Safari (iOS)에서 모든 것이 올바르게 작동합니다.

누구나 IE에서 이러한 동작에 대한 이유를 제안 할 수 있습니까?

크롬 :

Internet Explorer를

의 요청에 따라 일부 코드 :

회전 목마 요소 코드를 :

<div class="item" id="backstage1"> 
    <div class="content"> 
     <div class="video-title">Конференции</div> 
     <div class="video-event"> 
      <strong>Microsoft TechEd</strong> 
     </div> 
     <img id="banner1" class="ibanner bordered" src="img/video/c1.jpg" alt="" title="" /> 
     <img class="shadow" src="img/flow-item-shadow.png" alt="" title="" /> 
    </div> 
    <div class="caption">Some description text</div> 
</div> 

요소 용 CSS :

.video-title { 
    font-family: "FSAlbertPro", "Arial", serif; 
    font-size: 3.4em; 
    font-weight: bold; 
    color: white; 
    text-transform: uppercase; 
    text-align: center; 
    line-height: 0.9em; 
    margin-top: 17px; 
    margin-left: -6px; 
    margin-bottom: -8px; 
    position: relative; 
} 

.video-event { 
    position: relative; 
    top: 28px; 
    left: 15px; 
    font-family: "FSAlbertPro", "Arial", serif; 
    font-size: 1.3em; 
    font-weight: 100; 
    color: #4d4d4d; 
    line-height: 100%; 
} 

기타 "마법"은 ContentFlow에서 수행됩니다.

p.s. 문제를 재현 할 jsFiddle을 만들려고 노력하면 ... 업데이트 될 것입니다.

Answer 1

글꼴 크기는 em입니다. 제 생각에는 IE는 파이어 폭스 나 크롬보다 더 큰 글꼴을 사용합니다. 글꼴 크기를 px로 지정하고 제목에주의하십시오!