2013-01-05 269 views
0

我有一个基本的代码,它必须根据屏幕的分辨率来调整图像的大小......这个脚本在Mozilla中正常工作,但在IE中完全失败..这里是一个示例代码..css效应在IE中不起作用

<html> 
<style> 
@media screen and (max-width:1024px){ 
#bar{width:90px;height:7px;} 
} 
</style> 
</head> 
<body> 
    <p> 
     <img id="bar" src="bgn.jpg"> 
    </p> 
</body> 
</html> 

有任何的调整或我在脚本中包括任何事情...

+0

哪个版本的IE? – JJJ

+0

我已经得到了IE 8 – GVR

回答

-1

文档类型缺少

使用<!DOCTYPE html>

+0

-1,因为doctype与此无关...... –

1

尝试IM为IE6或更高版本的高效回退提供Modernizr补丁。

+0

Modernizr为CSS3媒体查询提供了一个回退 - 这是使它们在旧IE中工作的唯一方法。 – Severin

+0

好的...我在看这个网站如何使用modernizr ...每一个地方都提到它动态加载的东西......这是否意味着必须有互联网连接modernizr工作? – GVR

+0

Modernizr本身没有互联网连接 - 我在本地使用了一段时间。无论你想离线做什么? – Severin