浏览器兼容性问题积累

来源：互联网发布：淘宝购物车营销怎么开编辑：程序博客网时间：2024/05/22 10:32

现在web开发，各种浏览器Firefox/、Chrome、ie8/ie9/e10、360浏览器、淘宝浏览器，前端页面脚本几乎都要验证一下兼容性，不然用户用到不同浏览器会提各种问题，开发中不得不引起注意。本人碰到的问题不断积累一下，以免遇到类似问题还要重蹈覆辙。

问题.ie9浏览器出现问题（如执行jquery-ui脚本，不能拖动div层，页面css走样），其他浏览器测试正常

解决方法：静态页面*,html中，开头部分增加“<!doctype html>”。还有页面头部中最好包含“<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />”，问题解决。注：这个问题测了挺长时间才发现。

解决方法：min-width: 300px;min-width: 300px;width:expression_r(document.body.clientWidth < 300? "300px":"auto")

其中expression_r函数是个内置支持的一个方法。