Question

我正在使用Wordpress响应式儿童主题，这在IE中完全不合适。 The site在Mozilla和Chrome中正确显示。我正在筛选IE开发工具元素检查器并通过反复试验来改变事物，但除此之外我不知道我在做什么（在IE中）。我会非常感谢任何指针或参考。是否有我应该注意的IE修复？感谢

The site link

Answer 1

IE遵循一些标准格式，如果你没有适当地放置div然后它会在IE中断，例如：在您的代码标题中，徽标位于左侧，但它没有浮动：指定左侧或宽度尝试为div指定css放置位置如下面的示例您可以为响应指定宽度（％），并使用媒体查询对不同屏幕进行更改

<section id="wrapper">
        <div class="div1">
        </div>
        <div class="div21"></div>
        <div class="div22"></div>
        <div class="div3"></div>
    </section>
<style>
    #wrapper {
        width:1000px;
        margin:0 auto;  
    }
    .div1 {
        width:998px;
        border:1px solid #000;
        height:300px;
        background:#f0f0f0;
    }
    .div21,.div22 {
        width:498px;
        border:1px solid #000;
        height:300px;
        float:left;
        background:#dfdfdf;
    }
    .div22 {
        background:#999;    
    }
    .div3 {
        width:498px;
        margin:0 auto;
        height:300px;
        border:1px solid #000;
        overflow:hidden;    
        background:#333;
    }
</style>

Answer 2

嗨如果您正在使用高级CSS 3，那么您应该始终认为自己遇到了旧IE的问题。我建议你看看CSS 3 PIE 按照说明将其添加到您的网站中。

使用此响应主题在IE中显示问题

2 个答案: