Truyền thông truy vấn thất bại trong IE9 iframe

Question

Tôi có thắc mắc sau đây phương tiện truyền thông trong CSS của tôi:

@media screen and (min-width: 0px) and (max-width: 319px) { 
    body {background-color:red;} 
} 

@media screen and (min-width: 320px) and (max-width: 480px) { 
    body {background-color:orange;} 
} 

@media screen and (min-width: 481px) and (max-width: 980px) { 
    body {background-color:yellow;} 
} 

@media screen and (min-width: 981px) and (max-width: 1200px) { 
    body {background-color:green;} 
} 

@media screen and (min-width: 1201px) { 
    body {background-color:blue;} 
} 

và lăm iframe với kích thước tương ứng:

<iframe frameBorder="0" src="index.html" height="320" width="255" ></iframe> 

Các truy vấn kick-in tốt trong html độc lập tệp, nhưng khi được xem trong ngữ cảnh iframe, chúng không thành công trong IE9. Tất cả các trình duyệt khác đều hiển thị OK.

Bất cứ ai cũng biết tại sao? cảm ơn

[sửa] Đối với bản ghi, html mẹ và con có cùng loại docType và CSS đang được phân phát dưới dạng văn bản/css.