响应式网站在Internet Explorer中被切断

时间:2013-06-04 13:55:44

标签: internet-explorer responsive-design

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

网站在所有其他浏览器中都可以正常浏览,这让我想起为什么我对IE感到厌恶。

有没有人有同样的问题?我可以将其放入main.css文件吗?

网站为http://zczperio.com

请记住我是css的新手!

提前感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

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

<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>