Css 我的网站&x27;s流体网格在IE11中不工作

Css 我的网站&x27;s流体网格在IE11中不工作,css,internet-explorer,responsive-design,dreamweaver,fluid-layout,Css,Internet Explorer,Responsive Design,Dreamweaver,Fluid Layout,我通过Dreamweaver创建了一个网站,它应该是响应性的。当我在Chrome和Firefox中进行测试时,它运行良好,但当我在IE11中进行测试时,它并没有像预期的那样工作。出于某种原因,IE11在调整文本时遇到了问题。布局有点像这样: 有一个父div和两个子div(一个用于图像,另一个用于文本)。根据行位置,图像将位于右侧或左侧,并设置为占据宽度的50% 网格容器的最大宽度为1280px,每个图像(横幅除外)为640 x 800 我将流体网格CSS保留为默认值(在Dreamweaver中)

我通过Dreamweaver创建了一个网站,它应该是响应性的。当我在Chrome和Firefox中进行测试时,它运行良好,但当我在IE11中进行测试时,它并没有像预期的那样工作。出于某种原因,IE11在调整文本时遇到了问题。布局有点像这样:

有一个父div和两个子div(一个用于图像,另一个用于文本)。根据行位置,图像将位于右侧或左侧,并设置为占据宽度的50%

网格容器的最大宽度为1280px,每个图像(横幅除外)为640 x 800

我将流体网格CSS保留为默认值(在Dreamweaver中)。我已经制作了两个版本的页面(index和index2),它们都有相同的问题

这是索引中的div


开发下一代控制系统和电源产品
通过发电专业知识提供世界一流的工程解决方案。
提高整个地区的产品知名度,并通过有效的客户参与帮助销售取胜。
控制塔-确保在客户需要时随时随地交付产品。
解决客户问题的一流技术支持和服务;最棘手的问题。

我可以看到您使用的是Flexbox显示器,大家都知道它与IE11(以及Internet Explorer)有问题

我强烈建议,如果你想要所有的浏览器支持——利用另一个网格系统,比如,或者如果你想要更轻的东西,你可以选择


您可以使用一个名为的网站来检查浏览器兼容性-它非常方便地检查跨浏览器兼容性,甚至提供了您可以使用的替代资源

我可以看到您使用的是Flexbox显示器,大家都知道它与IE11(以及Internet Explorer)有问题

我强烈建议,如果你想要所有的浏览器支持——利用另一个网格系统,比如,或者如果你想要更轻的东西,你可以选择


您可以使用一个名为的网站来检查浏览器兼容性-它非常方便地检查跨浏览器兼容性,甚至提供了您可以使用的替代资源

好的,现在我知道发生了什么。出于某种原因,我的IE11正在使用IE7兼容性呈现我正在使用的页面。我刚刚添加了这个meta(),现在一切都正常了

好的,现在我知道发生了什么。出于某种原因,我的IE11正在使用IE7兼容性呈现我正在使用的页面。我刚刚添加了这个meta(),现在一切都正常了

谢谢!我来看看。是的,我正在使用Dreamweaver的默认值:(我还发现了至少一个错误原因。IE似乎没有识别“height:inherit;”。我在div上放置边框时发现了这一点,带有文本的(hcTxt1和hcTxt2)没有获得其父级(divHomeContent)的高度),这就是为什么我没有得到任何垂直对齐。有没有办法解决这个问题?你可以查看这篇文章,它将在使用display:flex时解释:你需要在父对象上设置一个高度,否则它将继承AutoTanks!我将查看这一点。是的,我正在使用Dreamweaver的默认值:(我还发现了至少一个错误原因。IE似乎没有识别“height:inherit;”。我在div上放置边框时发现了这一点,而带有文本的(hcTxt1和hcTxt2)没有获得其父级(divHomeContent)的高度。),这就是我没有得到任何垂直对齐的原因。有没有办法解决这个问题?你可以查看这篇文章,它将在使用display:flex时解释:你需要在父对象上设置一个高度,否则它将继承AutoBox?需要支持IE吗?这里-。首先阅读以下内容:)想要使用flexbox?需要支持IE吗?此处-。首先阅读以下内容: