Question

我有一个用ASP.net和普通HTML创建的页面。

问题是当我在IE10中浏览该页面时，所有CSS属性都正常工作，但是在IE8 max-width属性不起作用的情况下。

一个问题是当我把

<!DOCTYPE html>

前 <html> 标签它也适用于IE8，但没有它不工作。

在主页中的ASP.net中我放了<!DOCTYPE html>但是当我运行网站时它会删除它。所以它不适用于IE8。

为什么ASP.net会从页面中删除它？

<!DOCTYPE html>：

enter image description here

没有<!DOCTYPE html>：

enter image description here

拼贴框的CSS

.tilebox {
    color: white;
    height: 60px;
    line-height: 85px;
    margin: 5px;
    min-width: 180px;
    padding: 15px;
    text-align: center;
    width: auto;
   }

和父div：

#boxcontainer {
    height: auto;
    margin: 0 auto;
    max-width: 740px;
    min-width: 200px;
    padding: 0;
    width: 100%;
}

对于id为#boxcontainer max-width的div，

不起作用。

Answer 1

max-width不是IE8 CSS定义的一部分。我使用polyfill使其工作，特别是Scott Jehl的respond.js：

https://github.com/scottjehl/Respond

所以你在IE6 - IE8中获得CSS3，包括媒体查询到工作。

编辑 - 您需要HTML5文档类型才能使其正常工作。所以<!doctype HTML>是必需的。

ASP.net CSS max-width在IE8中不起作用

1 个答案: