现在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" />”,问题解决。注:这个问题测了挺长时间才发现。
问题.css样式兼容性的一个方法
解决方法:min-width: 300px;min-width: 300px;width:expression_r(document.body.clientWidth < 300? "300px":"auto")
其中expression_r函数是个内置支持的一个方法。