web前端瀏覽器兼容難題及解決方法是什么，針對這個問題，這篇文章詳細(xì)介紹了相對應(yīng)的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

成都創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),通道企業(yè)網(wǎng)站建設(shè),通道品牌網(wǎng)站建設(shè),網(wǎng)站定制,通道網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,通道網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。

在前端面試題中，最常見的就是遇到瀏覽器兼容的問題。比如面試題常常會這樣問：工作中你都兼容哪些瀏覽器 ？ 實際開發(fā)中你都遇到過哪些兼容問題 ？下面小編就來為大家提供前端瀏覽器兼容難題的解決方法。

所謂的瀏覽器兼容性問題，是指因為不同的瀏覽器對同一段代碼有不同的解析，造成頁面顯示效果不統(tǒng)一的情況。在大多數(shù)情況下，我們的需求是，無論用戶用什么瀏覽器來查看我們的網(wǎng)站或者登陸我們的系統(tǒng)，都應(yīng)該是統(tǒng)一的顯示效果。所以瀏覽器的兼容性問題是前端開發(fā)人員經(jīng)常會碰到和必須要解決的問題。當(dāng)然啦關(guān)于瀏覽器兼容的這個問題太籠統(tǒng)了 所以當(dāng)面試官問這個問題的時候，大家可以問一下面試官是指的是哪方面。

一、CSS里的兼容性問題?。?/p>

Input 的按鈕在 ios 和 Android 中的樣式兼容問題

ios 有默認(rèn)的渲染 方式 漸變和圓角而且他的行高并不會隨著內(nèi)容的增加。

解決方法：

在標(biāo)簽上增加

-webkie-appearance：none； Height：4rem；

滾動穿透的問題:

滾動穿透是指在移動端當(dāng)有 flxed 遮罩和彈出層的時候，屏幕上的滑動能夠滑動背景下的內(nèi)容。

最后的解決方法

body.modal-open{

postion:flxed;

width:100%;

二、js里面的兼容性問題

1.const問題

說明:Firefox下,可以使用const關(guān)鍵字或var關(guān)鍵字來定義常量;

IE下,只能使用var關(guān)鍵字來定義常量。

解決方法：統(tǒng)一使用var關(guān)鍵字來定義常量。

2.event.srcElement問題

說明：IE下，event對象有srcElement屬性，但是沒有target屬性；Firefox下，even對象有target屬性，但是沒

有srcElement屬性。

解決方法：使用srcObj =event.srcElement ?event.srcElement : event.target;

3.事件綁定

IE：dom.attachEvent();

其他瀏覽器：dom.addEventListener();

標(biāo)準(zhǔn)瀏覽器采用事件捕獲的方式對應(yīng)IE的事件冒泡機制（即標(biāo)準(zhǔn)由最外元素至最內(nèi)元素或者IE由最內(nèi)元素到最外元素）最后標(biāo)準(zhǔn)方亦覺得IE這方面的比較合理，所以便將事件冒泡納入了標(biāo)準(zhǔn)，這也是addEventListener第三個參數(shù)的由來，而且事件冒泡作為了默認(rèn)值。

4.ajax略有不同

IE:ActiveXObject

其他：xmlHttpReuest

關(guān)于web前端瀏覽器兼容難題及解決方法是什么問題的解答就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關(guān)知識。

當(dāng)前題目：web前端瀏覽器兼容難題及解決方法是什么-創(chuàng)新互聯(lián)
當(dāng)前路徑：http://m.newbst.com/article4/cejdie.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、電子商務(wù)、虛擬主機、手機網(wǎng)站建設(shè)、搜索引擎優(yōu)化、關(guān)鍵詞優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)