html – 使用媒体查询css的Internet Explorer 11

发布时间：2020-12-14 23:24:25 所属栏目：资源来源：网络整理

导读：我正在IE 11上做一些测试,它使用的是移动设备的CSS,而不是“全屏”的CSS. Chrome,Firefox,Opera和Safari都使用正确的“全屏”CSS,但IE 11正在抢占移动/媒体css.我已多次清除缓存并查看它正在抓取的CSS表,并且它使用的是最新版本. 我有头脑 !DOCTYPE htmlhtml

我正在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
}

您可以定位所有设备,而不仅仅是您使用屏幕定位的桌面版.

仅限移动设备,您可以这样做：

@media (max-width: 600px) {
  //mobile CSS
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!