响应式网站被切断在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>