开心五月婷婷色婷在线_精品国产500部自在自在现线_午夜毛片手机在线观看_一级α性色生活啪啪爽爽_少妇人妻精品人免费视频_国产情侣露脸自拍_偷窥自拍亚洲免费视频在线观看_男同GAY毛片免费可播放_亚洲熟妇在线视频_中文字幕乱码一区二区电影

瀏覽器兼容問題解決方法 日期:2015年02月22日

在編寫代碼的過程中,小編發(fā)現(xiàn)經(jīng)常會遇到很多重復的效果,或者是相同的布局,想到為了加快編寫速度,我會把經(jīng)常用到的布局或者效果用文本保存下來,下次遇到相同效果的時候,直接copy稍稍改下便可了,這大大提高了編寫速度。

作為前端開發(fā)人員,遇到最多的問題便是瀏覽器的兼容了。最開始對每個瀏覽器的差異不太了解,做出來的頁面大多要去調(diào)制兼容,會浪費太多的事件,而現(xiàn)在一個頁面完成,在其他瀏覽器中打開的時候,基本是沒有差異的。比較常見的就是:

css透明的問題,非IE瀏覽器可以直接寫成opacity:0.8,而IE瀏覽器需要寫成filter:Alpha(opacity=80);

IE的雙邊距bug,設置為float的div在ie下設置的margin會加倍。

解決方案:在這個div里面加上display:inline; 

IE與寬度和高度的問題 IE 不認得min-這個定義,但實際上它把正常的width和height當作有min的情況來使。如果只用寬度和高度,正常的瀏覽器里這兩個值就不會變,如果只用min-width和min-height的話,IE下面根本等于沒有設置寬度和高度。

DIV浮動IE文本產(chǎn)生5象素的bug    左邊對象浮動,右邊采用外補丁的左邊距來定位,右邊對象內(nèi)的文本會離左邊有5px的間距.

解決方案:加上margin-right:-5px;

等等,當熟悉各個瀏覽器之間的差異時,制作出來的頁面基本上就能兼容各個瀏覽器了。

在業(yè)余時間也有去學習新的專業(yè)知識,拓展知識面,學習更多的網(wǎng)友開發(fā)動態(tài)效果,在制作網(wǎng)站時,把新學的技術(shù)加入到頁面中,頁面就變得有趣炫酷多了。

希望下一步通過努力,我可以按時完成項目,并且確保在各個瀏覽器的兼容性。掌握靜態(tài)頁面切圖,學習,不斷提高專業(yè)知識,使得制作出來的頁面更加完善,加入更多的新技術(shù)。

總結(jié)今年的工作,我獲益頗多,專業(yè)知識,工作方法,可以獨立高效的完成部門安排的工作。同時我也發(fā)現(xiàn),有待學習和提高的內(nèi)容還很多,關(guān)于前端,關(guān)于性能優(yōu)化,關(guān)于用戶體驗,我還有太多需要學習和提高的。將從前的代碼與現(xiàn)在的代碼進行比較也看出了顯著的進步,代碼更加簡潔優(yōu)化,易讀性也更好,規(guī)范性也有提高,接下來希望通過自己的努力在工作上有更大的突破。

上一頁:沒有了

下一頁:百度數(shù)據(jù)分析:如何追蹤訪客初始來源