前端開發中，瀏覽器相關細節問題

時間 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的外面。

相關標籤/搜索