前端开发中，浏览器相关细节问题

时间 2019-12-13

标签前端开发浏览器相关细节问题栏目浏览器繁體版

原文原文链接

1.若是声明了<!DOCTYPE html>并在后面加上了其余代码如：<!DOCTYPE html xmln="xxxxxxxxxx">html

此时，获取元素高度会不许确。web

2.声明了DOCTYPE后，不能使用document.body.clientHeight,要使用document.documentElement.clientHeight来获取页面的可视高度。 chrome

3.event在火狐里是失效的，编写时能够用如下代码来兼容浏览器

img.onload=function(e){网站

var e = e||event;spa

var imgSrc = e.target.result; xml

} htm

4.onerror在火狐浏览器失效。当img的src为空时，火狐是不会执行onerror的，只有src里面的图片地址是无效的找不到图片资源时，火狐才会执行onerror。图片

5.屏幕适配时，要以小屏幕为基准向大屏幕进行扩展资源

6.若是web端的网页不是响应式的，那么最外层的元素要设置一个最小宽度以保证用手机查看网站时网页排版正常

7.在button标签里放置a标签连接，chrome浏览器能够正常跳转，可是火狐浏览器可能不识别。须要把a标签嵌套到button的外面。