css - 使用 CSS 媒体查询在特定屏幕尺寸上定位 IE11

标签 css less media-queries internet-explorer-11

<分区>

我在使用 IE11 时遇到了一些类似 to this post 的问题.我有一个菜单,在 IE11 中以一定大小(1440 像素)扩展并中断。使用媒体查询,我可以使用 (-ms-high-contrast: none), (-ms-high-contrast: active) 定位 IE11。但是,我只希望在特定分辨率下(> 1440px)。

我试过各种组合

@media screen and (min-width: 1440px) and (-ms-high-contrast: none) and (-ms-high-contrast: active)

但是他们好像没有用

如何在不影响其他浏览器或不使用 JS 的情况下在 IE11 中以屏幕大小 > 1440px 定位和元素。

最佳答案

在深入搜索 Stack Overflow 之后,我找到了 to find someone有同样的问题。

使用:

@media only screen and (min-width: 1440px) { 
   _:-ms-fullscreen, :root .THECLASSNAME { width: 575px; } 
}

成功了。

关于css - 使用 CSS 媒体查询在特定屏幕尺寸上定位 IE11,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49047884/

上一篇:html - 字体很棒 - 图标周围有两个圆圈

下一篇:css - 容器滚动尽管隐藏滚动条

相关文章:

css - LESS/CSS 从元素声明中选择父级

html - 固定导航栏在大显示器上延伸得太远

html - 仅限 iPad 的横向 safari 媒体查询

css - 在 ExtJs 的 ComboBox 中为 selectedItem 自定义 CSS

html - 使用 CSS 我应该使用 p 标签来包装文本还是 div 就足够了?

css - 带有 LESS 的字符串内的多个函数

html - 媒体查询 - 通用响应模板

javascript - 使用 javascript 更改 css 定位

javascript - 如何在 CSS 转换期间阻止处理事件循环中的其他消息?

css - 在 less 中使用媒体查询中的类集作为 mixin