【问题标题】:Responsive Website getting cut off on the right in Internet Explorer响应式网站在 Internet Explorer 的右侧被截断
【发布时间】:2013-06-04 13:55:43
【问题描述】:

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

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

有人遇到过同样的问题吗?有没有可以放入 main.css 文件的修复程序?

网站是http://zczperio.com

请记住,我是 CSS 新手!

提前感谢您的帮助!

【问题讨论】:

    标签: internet-explorer responsive-design


    【解决方案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>
    

    【讨论】:

    • 嗯...进行了更改,但整个页面仍然被切断。注意 Header_nav、电话号码和侧边栏...