internet-explorer - 响应式网站在 Internet Explorer 的右侧被截断

Question

我的客户网站在 IE @ 1024x768 中被切断。我正在使用“响应式”模板，而开发人员对解决方案的帮助并不大。我客户的办公室计算机都以该分辨率查看，一个简单的解决方法是更改​​他们所有计算机的屏幕分辨率，但我们都知道这只是一个内部修复，不能解决他们的客户查看他们的网站的问题.

该网站在所有其他浏览器中的浏览效果都很好，这让我想起了为什么我越来越厌恶 IE。

有没有人有同样的问题？有没有可以放入 main.css 文件的修复程序？

网站是http://zczperio.com

请记住，我是 CSS 新手！

在此先感谢您的帮助！

Answer 1

我想主要问题是您对图像使用像素精确值。

<a href="http://zczperio.com" class="logo" style="width: 1024px; height: 150px;">
    <img src="http://zczperio.com/wp-content/uploads/2013/05/HeaderLogo6.png" alt="" width="1024" height="162" class="logo_def">
</a>

因此，您应该将固定宽度值更改为百分比并删除图像上的高度，例如：

<a href="http://zczperio.com" class="logo" style="width: 100%;">
    <img src="http://zczperio.com/wp-content/uploads/2013/05/HeaderLogo6.png" alt="" class="logo_def">
</a>