馬上,便是新的一年,故在此總結下平時工作中遇到的問題以及我的解決的方法。祝大家新年快樂~
我在編寫代碼的過程中,發現經常會遇到很多重復的效果,或者是相同的布局,想到為了加快編寫速度,我會把經常用到的布局或者效果用文本保存下來,下次遇到相同效果的時候,直接copy稍稍改下便可了,這大大提高了編寫速度。
作為前端開發人員,遇到最多的問題便是瀏覽器的兼容了。最開始對每個瀏覽器的差異不太了解,做出來的頁面大多要去調制兼容,會浪費太多的事件,而現在一個頁面完成,在其他瀏覽器中打開的時候,基本是沒有差異的。比較常見的就是:
css透明的問題,非IE瀏覽器可以直接寫成opacity:0.6,而IE瀏覽器需要寫成filter:Alpha(opacity=60);
IE的雙邊距bug,設置為float的div在ie下設置的margin會加倍。
解決方案:在這個div里面加上display:inline;
IE與寬度和高度的問題 IE 不認得min-這個定義,但實際上它把正常的width和height當作有min的情況來使。如果只用寬度和高度,正常的瀏覽器里這兩個值就不會變,如果只用min-width和min-height的話,IE下面根本等于沒有設置寬度和高度。
DIV浮動IE文本產生3象素的bug 左邊對象浮動,右邊采用外補丁的左邊距來定位,右邊對象內的文本會離左邊有3px的間距.
解決方案:加上margin-right:-3px;
等等,當熟悉各個瀏覽器之間的差異時,制作出來的頁面基本上就能兼容各個瀏覽器了。
在業余時間也有去學習新的專業知識,拓展知識面,學習更多的網友開發動態效果,在制作網站時,把新學的技術加入到頁面中,頁面就變得有趣炫酷多了。
希望下一步通過努力,我可以按時完成項目,并且確保在各個瀏覽器的兼容性。掌握靜態頁面切圖,學習,不斷提高專業知識,使得制作出來的頁面更加完善,加入更多的新技術。
文章題目:瀏覽器兼容問題解決方案
文章來源:http://vcdvsql.cn/news46/236196.html
網站建設、網絡推廣公司-創新互聯,是專注品牌與效果的網站制作,網絡營銷seo公司;服務項目有解決方案等
廣告
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源:
創新互聯