在IE9中百分比无法正常工作的CSS适用于所有其他浏览器

时间:2011-11-23 11:44:43

标签: css

我正在制作一个主题,内联CSS作为第一个网站 http://flexibilitytheme.tumblr.com/

我在Firefox,Opera,Chrome中测试过它,发现大多数CSS在最新版本的Internet Explorer中无法正确显示。

主题应该是响应式的(尝试将窗口大小调整为移动设备的大小)所以我将值设置为百分比而不是绝对值以及媒体查询。

我错过了必不可少的东西吗?

Internet Explorer errors on webpage

在上面的屏幕截图中,例如:

  1. 列表不显示内联并占据该行的100%(显示:内联)
  2. 侧边栏中的保证金太大(保证金底部:10%)
  3. 背景未在文字上显示(背景:#f2f2f2)
  4. 日期未更改为大写的文本(文本转换:大写)
  5. 图片不会调整大小
  6. 所有CSS都是内联的,但外部样式表是CSS重置。

1 个答案:

答案 0 :(得分:2)

您在doctype上方有一条评论,is causing IE to use Quirks Mode

<!-- 
Theme: Pliancy
-->
<!DOCTYPE html>

删除该评论,一切都会好的。