不同浏览器的前端兼容性总结
2018-03-23 14:23
411 查看
1.Safari浏览器的input框内部阴影去除(IOS内部设置的)
input{
-webkit-appearance: none;
}
2.手机端不同浏览器的fixed元素的滚动抖动问题
/* 兼容各个平台的fixed抖动*/
-webkit-transform: translateZ(0);/* Safari 和 Chrome */
-moz-transform: translateZ(0);/* Firefox */
-ms-transform: translateZ(0);/* IE 9 */
-o-transform: translateZ(0);/* Opera */
transform: translateZ(0);
input{
-webkit-appearance: none;
}
2.手机端不同浏览器的fixed元素的滚动抖动问题
/* 兼容各个平台的fixed抖动*/
-webkit-transform: translateZ(0);/* Safari 和 Chrome */
-moz-transform: translateZ(0);/* Firefox */
-ms-transform: translateZ(0);/* IE 9 */
-o-transform: translateZ(0);/* Opera */
transform: translateZ(0);
相关文章推荐
- 下拉列表选择项的选中在不同浏览器中的兼容性问题探讨
- 总结的一些浏览器的兼容性的问题
- Web前端面试指导(四十八):谈谈浏览器的兼容性
- Web开发兼容性系列文章(一):不同设备浏览器的userAgent值大全
- 网站优化-前端设计在不同浏览器上面的兼容
- Web开发兼容性系列文章(一):不同设备浏览器的userAgent值大全
- 解决uploadify插件不同浏览器下的兼容性问题
- 不同浏览器对于html5 audio标签和音频格式的兼容性
- js 在不同浏览器中一些常见的兼容性问题
- JS之 前端图片预览的实现,浏览器的兼容性真恶心
- CSS3与页面布局学习总结(八)——浏览器兼容与前端性能优化
- 浏览器对DIV+CSS兼容性问题大总结
- 浏览器对DIV+CSS兼容性问题大总结
- 浏览器对DIV+CSS兼容性问题大总结
- Javascript对于不同浏览器的兼容性
- 有关CSS在几种浏览器下兼容性问题的总结
- WebDriver总结-不同浏览器的启动方式
- 浏览器兼容问题项目总结(六) 页面嵌套多个iframe滚动条兼容性修改
- 特殊符号不同浏览器之间的兼容性处理
- 项目开发总结:前端开发部分总结[兼容性、DOM操作、跨域等](持续更新)