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&浏览器相关面试题大全
131 0
|
4月前
|
前端开发 JavaScript
vue3【实战】创建项目、创建并提交代码到远程仓库,安装 SASS, 清除浏览器默认样式 reset-css, 清除模板代码,提升开发效率的必要集成
vue3【实战】创建项目、创建并提交代码到远程仓库,安装 SASS, 清除浏览器默认样式 reset-css, 清除模板代码,提升开发效率的必要集成
78 0
|
4月前
|
Web App开发 前端开发 JavaScript
CSS 媒体查询 @media【详解】
CSS 媒体查询 @media【详解】
150 0
|
4月前
|
前端开发 JavaScript
js 进入浏览器全屏(F11效果)、退出全屏、指定元素全屏、判断当前是否全屏、监听浏览器全屏事件、定义全屏时的css样式(全屏伪类)
js 进入浏览器全屏(F11效果)、退出全屏、指定元素全屏、判断当前是否全屏、监听浏览器全屏事件、定义全屏时的css样式(全屏伪类)
610 0
|
6月前
|
编解码 前端开发 容器
CSS语言的@media查询
CSS语言的@media查询
|
6月前
|
前端开发
(最简单)使用 reset-css 初始化浏览器css样式
(最简单)使用 reset-css 初始化浏览器css样式
264 1
|
6月前
|
编解码 前端开发 信息无障碍
CSS媒体查询(@media)全面解析
CSS媒体查询(@media)全面解析
86 1
|
6月前
|
Web App开发 前端开发 JavaScript
CSS容器查询获得主流浏览器支持,是什么?怎么用?
CSS容器查询获得主流浏览器支持,是什么?怎么用?
125 0
|
编解码 前端开发 信息无障碍
CSS媒体查询(@media)全面解析
CSS媒体查询(@media)全面解析
122 1
|
20天前
|
JSON 移动开发 JavaScript
在浏览器执行js脚本的两种方式
【10月更文挑战第20天】本文介绍了在浏览器中执行HTTP请求的两种方式:`fetch`和`XMLHttpRequest`。`fetch`支持GET和POST请求,返回Promise对象,可以方便地处理异步操作。`XMLHttpRequest`则通过回调函数处理请求结果,适用于需要兼容旧浏览器的场景。文中还提供了具体的代码示例。
在浏览器执行js脚本的两种方式
下一篇
无影云桌面