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; } } ```


相关文章
|
Web App开发 编解码 前端开发
html&css&浏览器相关面试题大全(四)
html&css&浏览器相关面试题大全
138 0
|
6月前
|
前端开发 JavaScript
vue3【实战】创建项目、创建并提交代码到远程仓库,安装 SASS, 清除浏览器默认样式 reset-css, 清除模板代码,提升开发效率的必要集成
vue3【实战】创建项目、创建并提交代码到远程仓库,安装 SASS, 清除浏览器默认样式 reset-css, 清除模板代码,提升开发效率的必要集成
91 0
|
6月前
|
Web App开发 前端开发 JavaScript
CSS 媒体查询 @media【详解】
CSS 媒体查询 @media【详解】
169 0
|
6月前
|
前端开发 JavaScript
js 进入浏览器全屏(F11效果)、退出全屏、指定元素全屏、判断当前是否全屏、监听浏览器全屏事件、定义全屏时的css样式(全屏伪类)
js 进入浏览器全屏(F11效果)、退出全屏、指定元素全屏、判断当前是否全屏、监听浏览器全屏事件、定义全屏时的css样式(全屏伪类)
648 0
|
8月前
|
编解码 前端开发 容器
CSS语言的@media查询
CSS语言的@media查询
|
8月前
|
前端开发
(最简单)使用 reset-css 初始化浏览器css样式
(最简单)使用 reset-css 初始化浏览器css样式
302 1
|
8月前
|
编解码 前端开发 信息无障碍
CSS媒体查询(@media)全面解析
CSS媒体查询(@media)全面解析
97 1
|
8月前
|
Web App开发 前端开发 JavaScript
CSS容器查询获得主流浏览器支持,是什么?怎么用?
CSS容器查询获得主流浏览器支持,是什么?怎么用?
138 0
|
编解码 前端开发 信息无障碍
CSS媒体查询(@media)全面解析
CSS媒体查询(@media)全面解析
131 1
|
前端开发
css:自定义浏览器中滚动条scroll的样式
css:自定义浏览器中滚动条scroll的样式
188 0
css:自定义浏览器中滚动条scroll的样式