IE 中的图像、字体和外观与 chrome 和 firefox 不同答案

【问题标题】：Images, fonts and looks in IE are not as in chrome and firefoxIE 中的图像、字体和外观与 chrome 和 firefox 不同
【发布时间】：2013-02-27 20:05:17
【问题描述】：

我在 rails 应用程序中使用引导 CSS。图片以正确的大小显示（在 CSS 或代码中配置），但在 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 中，图标变成了巨大的（原始大小），而不是小图标。

抱歉之前没有添加代码。谢谢你纠正我。

【问题讨论】：

能否提供一些代码？
您确实需要提供 html/css。您是否指定了有效的文档类型？如果它是 html5 文档类型，您是否包括 html5 shim？
HTML和CSS需要提供示例代码。
哪个版本的IE，哪个版本的bootstrap，示例代码？
虽然我有一个解决方法，但我很想知道这个问题的真正解决方案。

标签： css cross-browser ruby-on-rails-3.2 twitter-bootstrap-rails

【解决方案1】：

我有很多图像被扭曲并在 IE 中以原始大小显示，而不是我在 ruby 代码中给出的大小。

解决方法 - 我将所有图像调整为 Photoshop 所需的大小，然后将它们用作资产。

【讨论】：