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

Question

我正在使用 Wordpress 响应式子主题，它在 IE 中完全不正常。 The site在 Mozilla 和 Chrome 中正确显示。我正在筛选 IE 开发工具元素检查器并通过反复试验来更改内容，但除此之外我不知道我在做什么(在 IE 中)。我将不胜感激任何指示或引用。是否有我应该注意的 IE 修复程序？谢谢

The site link

Answer 1

IE 遵循一些标准格式，如果你没有适本地放置 div 那么它将在 IE 中中断，例如: 在您的代码标题 Logo 位于左侧，但它没有指定 float :左侧或宽度尝试为 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>