瀏覽器兼容問題解決方案
2023-02-09 分類： 解決方案
馬上，便是新的一年，故在此總結(jié)下平時工作中遇到的問題以及我的解決的方法。祝大家新年快樂~
我在編寫代碼的過程中，發(fā)現(xiàn)經(jīng)常會遇到很多重復(fù)的效果，或者是相同的布局，想到為了加快編寫速度，我會把經(jīng)常用到的布局或者效果用文本保存下來，下次遇到相同效果的時候，直接copy稍稍改下便可了，這大大提高了編寫速度。
作為前端開發(fā)人員，遇到最多的問題便是瀏覽器的兼容了。最開始對每個瀏覽器的差異不太了解，做出來的頁面大多要去調(diào)制兼容，會浪費(fèi)太多的事件，而現(xiàn)在一個頁面完成，在其他瀏覽器中打開的時候，基本是沒有差異的。比較常見的就是：
css透明的問題，非IE瀏覽器可以直接寫成opacity:0.6，而IE瀏覽器需要寫成filter:Alpha(opacity=60);
IE的雙邊距bug，設(shè)置為float的div在ie下設(shè)置的margin會加倍。
解決方案：在這個div里面加上display:inline;
IE與寬度和高度的問題 IE 不認(rèn)得min-這個定義，但實(shí)際上它把正常的width和height當(dāng)作有min的情況來使。如果只用寬度和高度，正常的瀏覽器里這兩個值就不會變，如果只用min-width和min-height的話，IE下面根本等于沒有設(shè)置寬度和高度。
DIV浮動IE文本產(chǎn)生3象素的bug 左邊對象浮動，右邊采用外補(bǔ)丁的左邊距來定位，右邊對象內(nèi)的文本會離左邊有3px的間距.
解決方案：加上margin-right:-3px;
等等，當(dāng)熟悉各個瀏覽器之間的差異時，制作出來的頁面基本上就能兼容各個瀏覽器了。
在業(yè)余時間也有去學(xué)習(xí)新的專業(yè)知識，拓展知識面，學(xué)習(xí)更多的網(wǎng)友開發(fā)動態(tài)效果，在制作網(wǎng)站時，把新學(xué)的技術(shù)加入到頁面中，頁面就變得有趣炫酷多了。
我在編寫代碼的過程中，發(fā)現(xiàn)經(jīng)常會遇到很多重復(fù)的效果，或者是相同的布局，想到為了加快編寫速度，我會把經(jīng)常用到的布局或者效果用文本保存下來，下次遇到相同效果的時候，直接copy稍稍改下便可了，這大大提高了編寫速度。
作為前端開發(fā)人員，遇到最多的問題便是瀏覽器的兼容了。最開始對每個瀏覽器的差異不太了解，做出來的頁面大多要去調(diào)制兼容，會浪費(fèi)太多的事件，而現(xiàn)在一個頁面完成，在其他瀏覽器中打開的時候，基本是沒有差異的。比較常見的就是：
css透明的問題，非IE瀏覽器可以直接寫成opacity:0.6，而IE瀏覽器需要寫成filter:Alpha(opacity=60);
IE的雙邊距bug，設(shè)置為float的div在ie下設(shè)置的margin會加倍。
解決方案：在這個div里面加上display:inline;
IE與寬度和高度的問題 IE 不認(rèn)得min-這個定義，但實(shí)際上它把正常的width和height當(dāng)作有min的情況來使。如果只用寬度和高度，正常的瀏覽器里這兩個值就不會變，如果只用min-width和min-height的話，IE下面根本等于沒有設(shè)置寬度和高度。
DIV浮動IE文本產(chǎn)生3象素的bug 左邊對象浮動，右邊采用外補(bǔ)丁的左邊距來定位，右邊對象內(nèi)的文本會離左邊有3px的間距.
解決方案：加上margin-right:-3px;
等等，當(dāng)熟悉各個瀏覽器之間的差異時，制作出來的頁面基本上就能兼容各個瀏覽器了。
在業(yè)余時間也有去學(xué)習(xí)新的專業(yè)知識，拓展知識面，學(xué)習(xí)更多的網(wǎng)友開發(fā)動態(tài)效果，在制作網(wǎng)站時，把新學(xué)的技術(shù)加入到頁面中，頁面就變得有趣炫酷多了。
希望下一步通過努力，我可以按時完成項(xiàng)目，并且確保在各個瀏覽器的兼容性。掌握靜態(tài)頁面切圖，學(xué)習(xí)，不斷提高專業(yè)知識，使得制作出來的頁面更加完善，加入更多的新技術(shù)。
當(dāng)前題目：瀏覽器兼容問題解決方案
當(dāng)前網(wǎng)址：http://www.2m8n56k.cn/news/236196.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項(xiàng)目有解決方案等
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：[email protected]。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 創(chuàng)新互聯(lián)干貨分享|DNS解析錯誤的解決方案 2023-02-07
- 英文外貿(mào)網(wǎng)站建設(shè)解決方案 2023-02-07
- 成都網(wǎng)站建設(shè)解決方案如何做？ 2023-02-03
- 不得不知seo中站點(diǎn)鏡像的原因及解決方案有什么？ 2023-01-28
- 企業(yè)建站一站式解決方案讓客戶放心 2023-01-23
- 漲知識！seo中500網(wǎng)站內(nèi)部服務(wù)器錯誤解決方案！ 2023-01-23
- 軟件IT網(wǎng)站建設(shè)解決方案 2023-01-22
- 學(xué)校門戶網(wǎng)站群管理平臺解決方案 2023-01-14
- 網(wǎng)站建設(shè)系統(tǒng)存儲備份解決方案 2023-02-06
- 什么是p2p網(wǎng)貸?p2p網(wǎng)站建設(shè)解決方案有哪些? 2023-02-02
- 企業(yè)站兩個月內(nèi)IP從0提升到300解決方案 2023-01-27
- 行業(yè)門戶型網(wǎng)站建設(shè)解決方案 2023-01-21
- 創(chuàng)新互聯(lián)為您提供完善的網(wǎng)站解決方案及運(yùn)營技術(shù)保障 2023-01-18
- 手機(jī)網(wǎng)站建設(shè)解決方案 2023-01-12
- 網(wǎng)站建設(shè)有關(guān)健身俱樂部網(wǎng)站建設(shè)的解決方案 2023-01-10
- 西安網(wǎng)站建設(shè)在技術(shù)解決方案上有哪些特點(diǎn) 2023-01-09
- 解決方案|中小企業(yè)網(wǎng)站建設(shè) 2023-01-08
- B2C電子商務(wù)網(wǎng)絡(luò)營銷解決方案 2023-01-07
- 確定服務(wù)器解決方案 2023-01-06