js中css樣式兼容 css兼容性

css+div兼容問題,我寫的一個頁面中有個js效果,在360、火狐這些瀏覽器能...

；我做網頁的時候測試我是用火狐（FF），因為FF的插件比較多，相對方便一點，在FF下面讓網頁是正常的效果。3；全部完成后在用谷歌，IE9，8，7，6，360等瀏覽器測試。

創新互聯秉承實現全網價值營銷的理念，以專業定制企業官網，做網站、網站設計，微信小程序定制開發，網頁設計制作，成都做手機網站，網絡營銷推廣幫助傳統企業實現“互聯網+”轉型升級專業定制企業官網,公司注重人才、技術和管理，匯聚了一批優秀的互聯網技術人才,對客戶都以感恩的心態奉獻自己的專業和所長。

一，由于不同的瀏覽器，比如Internet Explorer 6，Internet Explorer 7，Mozilla Firefox等，對CSS的解析認識不一樣，因此會導致生成的頁面效果不一樣，得不到我們所需要的頁面效果。

DIVCSS相比較TABLE布局，更容易出現多種瀏覽器不兼容的問題，主要原因是不同的瀏覽器對web標準默認值不同。

以用jquery做JS隱藏效果，那樣基本上可以兼容的。

1、這個涉及兼容的問題就比較多了，優先執行W3C標準，這樣火狐下就沒什么問題了，然后再針對其他瀏覽器做兼容設置。

2、資源訪問不到，網絡不通或資源失效，您可以進入頁面的源碼中，直接點擊js或css的引用連接，查看是否可以開啟，如果不能開啟，則確定是該問題。

3、可以加-moz-。這個前綴主要用于低版本火狐瀏覽器css3的兼容。由于css3剛出來的時候，各瀏覽器沒有統一，所以低版本需要加兼容前綴，后面的版本已經統一了就可以不加前綴也能正常顯示。也可以使用js插件自動加前綴。

4、瀏覽器兼容問題，火狐是一個很靠近W3C規范的瀏覽器，如果你的代碼不能再火狐上運行，說明你寫的代碼不符合W3C規范，要避免這種情況，你可以試用JS框架，而不要使用原生JS，目前比較流行的框架有 JQUERY、VUE等等?；蛘吣闶褂肨YPESCRIPT也可以。

5、火狐瀏覽器默認把可視區域的高度設為0，這樣的話，$(window).height()就等于0了。

1、先按火狐瀏覽來設樣式表。(因為火狐的標準比IE的多。)然后再設IE的樣式表。給個例子。div{width：300px；width：320px/9；}這樣兩個瀏覽器都兼容了！造成不兼容的原因是因為大家的默認值不用。

2、編寫出兼容各瀏覽器的CSS的技巧和方法： Div居中問題：div設置 margin-left， margin-right 為 auto 時已經居中，IE 不行，IE需要設定body居中，首先在父級元素定義text-algin： center；這個的意思就是在父級元素內的內容居中。

3、打開火狐瀏覽器，打開百度，搜索IE tab 火狐插件，會出現火狐社區插件，點擊進入；或輸入addons.mozilla.org/en-US/firefox/search/？q=ietab。點擊添加。安裝完成，重啟瀏覽器。

4、現在基本都只應付IE7，IE6和FF（火狐）的兼容問題，具體做法是在做頁面的時候，就打開三個瀏覽器來調試，不要等做完再來調，那樣會累死。

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

猜你還喜歡下面的內容