我正在 IE 11 上做一些测试，它使用移动设备的 CSS，而不是“全屏”CSS。 Chrome、Firefox、Opera 和 Safari 都使用正确的“全屏”CSS，但 IE 11 正在使用移动/媒体 css。我已经多次清除缓存并查看它正在抓取的 CSS 表，它使用的是最新版本。
在我的脑海里
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="/css/default.css">
</head>
在 CSS 文件中，在所有“全尺寸”css 之后我有以下内容
//"full sized" css
....
@media only screen and (max-width: 479px) {
//mobile CSS
}
我笔记本电脑上的 IE 11 使用媒体 CSS，我不明白为什么。我知道它使用的是仅媒体部分，而不仅仅是格式不正确，因为当我从 CSS 中删除仅媒体部分时，它会按预期显示。
最佳答案
你能试试这个吗:
@media all and (max-width: 479px) {
//mobile CSS
}
对于 all，您针对的是所有设备，而不仅仅是您现在针对 screen 的桌面版本。
仅对于移动设备，您可以这样做:
@media (max-width: 600px) {
//mobile CSS
}
关于html - 使用媒体查询 CSS 的 Internet Explorer 11，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22083493/