不同浏览器下的CSS HACK
2024-09-18 21:32:43
今天接了个新项目,年底要做完。预祝我顺利完成工作吧。在搭CSS框架的过程中,遇到了一些浏览器兼容性问题。于是就统计一下各个浏览器专用的css hack吧。
(粘贴自百科百科)
针对火狐浏览器的CSS Hack:
@-moz-document url-prefix() { .selector { attribute: value; }}
针对webkit内核及Opera浏览器的CSS Hack:
@media all and (min-width:0){ .selector { attribute: value;/*for webkit and opera*/ }}
从这个样式我们只能把webkit内核的浏览器和Opera浏览器从其它浏览器中区分出来,但并不能区分它们俩,因此我们还需要在上面样式的基础上再加一个样式:
@media screen and (-webkit-min-device-pixel-ratio:0) { .selector { attribute: valueForWebKit;/*only for webkit*/ }}
- 由于这个样式是针对webkit的,会把前面的样式覆盖掉,因此,通过这两个样式就能区分出webkit和opera了,opera的属性值取value,webkit的属性值取valueForWebKit。
- 其实按常规来说,我们一般是处理ie上的兼容问题,但遇到需要处理火狐或Chrome的兼容问题时,一定要先查看网页结构是否合理以及便签使用是否规范,直到迫不得已时再使用上面的CSS Hack。
最新文章
- 张小龙宣布微信小程序1月9日发布,并回答了大家最关心的8个问题
- SSH邮箱验证与激活
- Redis常用命令入门2:散列类型
- IE关闭兼容性视图
- HTTP与AJAX深入揭秘,不使用AJAX实现页面无刷新
- 【PHP面向对象(OOP)编程入门教程】13.访问类型(public,protected,private)
- 位置式PID与增量式PID算法
- 物联网 WIFI 一键配置原理(smartconfig) ESP8266/QCA4004
- sicily 1024 Magic Island
- 【转】unity3d的常用快捷键
- 《CS:APP》二进制炸弹实验(phase_1-3)
- mysql转移数据目录后无法启动问题
- Go语言函数相关
- Java 并发工具包 | J.U.C
- Mysql模糊查询like效率,以及更高效的写法
- python------Socket网略编程+动态导入模块
- C++ 调用 opencv 读取视频文件列表并处理
- sniffer 和 debug flow
- UOJ.26.[IOI2014]Game(交互 思路)
- LaTeX技巧23:BIBTeX制作参考文献
热门文章
- 天涯html&;css基础框架
- yii2
- Java 线程第三版 第一章Thread导论、 第二章Thread的创建与管理读书笔记
- 非堵塞socket实现android手机与PC的文件传输
- cocos2d-x学习日志(13) --A星寻路算法demo
- [PHP] find ascii code in string
- [AngularJS] Error: $location:nobase
- linux进程间通讯-System V IPC 信号量
- 分享2D Unity游戏的动画制作经验
- memcpy的使用方法总结