IE에서 이미지, 글꼴 및 외양은 크롬 및 파이어 폭스와 다릅니다.

-2

레일즈 앱에서 부트 스트랩 CSS를 사용하고 있습니다. 이미지는 올바른 크기 (CSS 또는 코드로 구성됨)로 표시되지만 IE에서는 원래 크기로 표시됩니다. IE에서 이미지, 글꼴 및 외양은 크롬 및 파이어 폭스와 다릅니다.

는 IE8에 부트 스트랩 버전 테스트 - 2.3

심을 :

<!--[if lt IE 9]> 
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> 
<![endif]-->

HTML :이

<div class="row bottom"> 
    <div class="container"> 
    <div class="toptext3 pull-left"> 
     Designed By 
     <%=link_to "Exaltech Solutions Pvt. Ltd.", "http://www.exaltech.co.in" , target: "_blank"%> 
    </div> 
    <div class="toptext2 pull-right"> 
     Follow Us on: 
     <%= link_to image_tag("Facebook.png", size:'30x30'),"https://www.facebook.com/computerzcom", target: "_blank" %> 
     <%= link_to image_tag("Twitter.png", size:'30x30'), "https://twitter.com/computerzcom", target: "_blank" %> 
     <%= link_to image_tag("ebay.png", size: '30x60'), "http://www.ebay.co.uk/sch/computerzhh/m.html?_nkw=&_armrs=1&_from=&_ipg=&_trksid=p3686", target: "_blank" %>&nbsp; 
     <dfn><a href="#myModal" data-toggle="modal">Testimonial</a></dfn>&nbsp;&nbsp; 
     <dfn><a href="#myModal2" data-toggle="modal">Terms</a></dfn>&nbsp;&nbsp; 
     Computerz.com &#169; 2013 
    </div> 
    </div> 
</div>

나는이 관련 CSS에 관련된 아무것도하지 않습니다 부품이 너무 길어서 여기에 넣지 않을거야. 이 이베이 (ebay) 아이콘에는 작은 아이콘 대신 (원래 크기의) 거대한 아이콘이 나타납니다.

이전에 코드를 추가하지 않으신 것에 대해 사과드립니다. 나를 고쳐 주셔서 고마워요.

출처

2013-03-12 Deep Nishad

몇 가지 코드를 제공해 주시겠습니까? –

정말로 yout html/css를 제공해야합니다. 유효한 doctype을 지정하고 있습니까? 그리고 그것이 html5 doctype 인 경우 html5 shim을 포함하고 있습니까? –

HTML과 CSS의 경우 샘플 코드를 제공해야합니다. – Praveen

나는 왜곡 된 대신 내가 루비 코드에서 준 크기의 IE에서 원래 크기로 표시되었습니다 많은 이미지를 가지고 있었다.

해결 방법 - 나는 그들이 포토샵에서 필요로 한 크기에 모든 이미지를 크기를 조정하고 자산을 사용했다.

출처

2013-03-13 09:41:05

IE에서 이미지, 글꼴 및 외양은 크롬 및 파이어 폭스와 다릅니다.

답변

관련 문제