前端开发中,浏览器相关细节问题
1.如果声明了<!DOCTYPE html>并在后面加上了其他代码如:<!DOCTYPE html xmln="xxxxxxxxxx">
此时,获取元素高度会不准确。
2.声明了DOCTYPE后,不能使用document.body.clientHeight,要使用document.documentElement.clientHeight来获取页面的可视高度。
3.event在火狐里是失效的,编写时可以用以下代码来兼容
img.onload=function(e){
var e = e||event;
var imgSrc = e.target.result;
}
4.onerror在火狐浏览器失效。当img的src为空时,火狐是不会执行onerror的,只有src里面的图片地址是无效的找不到图片资源时,火狐才会执行onerror。
5.屏幕适配时,要以小屏幕为基准向大屏幕进行扩展
6.如果web端的网页不是响应式的,那么最外层的元素要设置一个最小宽度以保证用手机查看网站时网页排版正常
7.在button标签里放置a标签链接,chrome浏览器可以正常跳转,但是火狐浏览器可能不识别。 需要把a标签嵌套到button的外面。