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

成都創(chuàng)新互聯(lián)公司是專(zhuān)業(yè)的廣信網(wǎng)站建設(shè)公司，廣信接單;提供成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì),網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專(zhuān)業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行廣信網(wǎng)站開(kāi)發(fā)網(wǎng)頁(yè)制作和功能擴(kuò)展;專(zhuān)業(yè)做搜索引擎喜愛(ài)的網(wǎng)站,專(zhuān)業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來(lái)合作!

在前端面試題中，最常見(jiàn)的就是遇到瀏覽器兼容的問(wèn)題。比如面試題常常會(huì)這樣問(wèn)：工作中你都兼容哪些瀏覽器 ？ 實(shí)際開(kāi)發(fā)中你都遇到過(guò)哪些兼容問(wèn)題 ？下面小編就來(lái)為大家提供前端瀏覽器兼容難題的解決方法。

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

一、CSS里的兼容性問(wèn)題?。?/p>

Input 的按鈕在 ios 和 Android 中的樣式兼容問(wèn)題

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

解決方法：

在標(biāo)簽上增加

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

滾動(dòng)穿透的問(wèn)題:

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

最后的解決方法

body.modal-open{

postion:flxed;

width:100%;

二、js里面的兼容性問(wèn)題

1.const問(wèn)題

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

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

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

2.event.srcElement問(wèn)題

說(shuō)明：IE下，event對(duì)象有srcElement屬性，但是沒(méi)有target屬性；Firefox下，even對(duì)象有target屬性，但是沒(méi)

有srcElement屬性。

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

3.事件綁定

IE：dom.attachEvent();

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

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

4.ajax略有不同

IE:ActiveXObject

其他：xmlHttpReuest

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

分享文章：web前端瀏覽器兼容難題及解決方法是什么
標(biāo)題鏈接：http://jinyejixie.com/article34/psgdpe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供全網(wǎng)營(yíng)銷(xiāo)推廣、動(dòng)態(tài)網(wǎng)站、微信公眾號(hào)、建站公司、外貿(mào)網(wǎng)站建設(shè)、定制網(wǎng)站

廣告

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