共计 648 个字符,预计需要花费 2 分钟才能阅读完成。
吐槽
短短换工作 4 个月,我感觉本人工作了 4 年一样,像个骡子一样不停的写代码,框架不相熟,架构不相熟,而且老板还不给工夫相熟,美名曰牛 x 的程序员应该有一边实现工作一边相熟我的项目中的框架的能力(对不起我能干,ps 我感觉老板 pua 我),回归正题,总结一下工作中遇到的兼容性问题,以及解决方案,(心愿每个前端遇到雷同的问题能够无脑解决)CSS 兼容性问题才是最磨人的哇~ /(ㄒ o ㄒ)/~~
CSS 兼容性问题以及解决方案
1. table td 嵌套的 div, 无奈占满单元格
解决办法:应用 css hacks :
.fix_height {height: 1px;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.fix_height {height: 100% !important;}
}
@-moz-document url-prefix() {
.fix_height {height: 100% !important;}
}
- IE11, firefox td 高度设置 100%
- Chrome, edge, td 高度设置 1px
2. position sticky 不兼容 IE11
解决方案:应用了很多插件,貌似就 stickyfill 才解决了 IE11 的吸顶(这边有工夫还是会本人实现一下的)
JS 兼容性问题以及解决方案
1. 浏览器 dataset 的读取形式
- ie11 -> getAttribute(“xxx”)
- chrome, firefox, edge -> .dataset(“xxxx”)
学无止境
正文完
发表至: javascript
2022-03-04