CSS @media 判断不同浏览器使用不同CSS

简介: CSS @media 判断不同浏览器使用不同CSS

``` /* IE9+ */ @media all and (min-width: 0) { .class{ color:red; } }


/* IE10+ */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .class{ color:red; } }


/* Chrome 和 opera */ @media all and (min-width: 0) { .class{ color:red; } }


/* Firefox */ @-moz-document url-prefix() { .class{ color:red; } }


/* Chrome */ @media screen and (-webkit-min-device-pixel-ratio: 0) { .class{ color:red; } } ```


相关文章
|
2月前
|
前端开发
WebView2 控件(基于 Microsoft Edge (Chromium) 的嵌入式浏览器控件),保存资源(图片、脚本、CSS)
WebView2 控件(基于 Microsoft Edge (Chromium) 的嵌入式浏览器控件),保存资源(图片、脚本、CSS)
187 23
|
前端开发 JavaScript
vue3【实战】创建项目、创建并提交代码到远程仓库,安装 SASS, 清除浏览器默认样式 reset-css, 清除模板代码,提升开发效率的必要集成
vue3【实战】创建项目、创建并提交代码到远程仓库,安装 SASS, 清除浏览器默认样式 reset-css, 清除模板代码,提升开发效率的必要集成
193 0
|
Web App开发 前端开发 JavaScript
CSS 媒体查询 @media【详解】
CSS 媒体查询 @media【详解】
342 0
|
前端开发 JavaScript
js 进入浏览器全屏(F11效果)、退出全屏、指定元素全屏、判断当前是否全屏、监听浏览器全屏事件、定义全屏时的css样式(全屏伪类)
js 进入浏览器全屏(F11效果)、退出全屏、指定元素全屏、判断当前是否全屏、监听浏览器全屏事件、定义全屏时的css样式(全屏伪类)
1054 0
|
编解码 前端开发 容器
CSS语言的@media查询
CSS语言的@media查询
|
前端开发
(最简单)使用 reset-css 初始化浏览器css样式
(最简单)使用 reset-css 初始化浏览器css样式
456 1
|
编解码 前端开发 信息无障碍
CSS媒体查询(@media)全面解析
CSS媒体查询(@media)全面解析
217 1
|
编解码 前端开发 信息无障碍
CSS媒体查询(@media)全面解析
CSS媒体查询(@media)全面解析
232 1
|
Web App开发 前端开发 JavaScript
CSS容器查询获得主流浏览器支持,是什么?怎么用?
CSS容器查询获得主流浏览器支持,是什么?怎么用?
242 0
|
Web App开发 前端开发