如何解決瀏覽器的相容問題

2021-09-01 04:36:01 字數 947 閱讀 2286

關於瀏覽器的相容性問題,我認為可以從瀏覽器對css標記屬性的預設解釋不統一來說:

比如:margin-left:這個屬性在使用float:的情況下會雙倍顯示距離,所以一旦這樣使用了那麼在ie6、7、8、9中顯示的距離就不一樣,所以就不相容了。建議使用padding-left:來代替margin-left: 【住:margin的其他屬性均正常,可以正常使用,padding的所有屬性均正常,可以正常使用,不存在瀏覽器解釋不一樣的問題】

另外 margin padding 屬性在不同的瀏覽器的解釋也各不相同,解決方法為統一的把他們歸0:【margin:0px;padding:0px;】;

同樣標記也是如此:不同的標記在不同的瀏覽器解釋也有所不同:主要同樣是表現在margin padding上,方法同上;

css基本樣式如下:

@charset "gb2312" /* 預設編碼方式 */

/* css document */

div,span,img

p,ul,ol,li

bodylia

a:hover

a img

css基本寫法如下:

.main

.main .top

.main .top .top_p1

.main .top .top_p1 span

.main .top .top_p1 span.t_sp

.main .top .dh

.main .top .dh ul

.main .top .dh ul li

.main .top .dh ul li a

.main .top .dh ul li a:hover

.main .top .dh ul li a.dh_a

建議所有標記全部使用float:left或者right屬性

網頁設計中如何解決瀏覽器相容問題

1.目標不居中 一般新手都愛出現這個問題,主要原因是對盒子模型不夠理解,如果發現你的頁面沒有居中,基本上有兩種情況 a.如果是在瀏覽器中沒有居中,就是沒盒子,就是要用乙個大div把所有需要居中元素裝起來,然後給盒子乙個css樣式margin 0 auto b.如果想要盒子內的元素居中,必須定義盒子的...

20150909解決瀏覽器相容問題

1.解決ie9登入成功後,退出,重新重新整理頁面session裡面還有值 原因是ajax在第二次登入成功後,並沒有執行退出的請求,直接從瀏覽器裡面得到快取的data返回值 ajaxsetup 這個玩意兒貌似是強制ajax請求所得到的回應不被瀏覽器快取。2.解決ie9獲取滾動條高度不相容的問題 var...

前端解決瀏覽器相容問題

不相容原因 不同瀏覽器的核心也不盡相同,所以各個瀏覽器對網頁的解析存在一定的差異。瀏覽器核心主要分為兩種,一是渲染引擎,乙個是js 引擎,核心更加傾向於說渲染引擎。常見的瀏覽器核心可以分為這四種 trident gecko blink webkit 常見的瀏覽器核心 瀏覽器核心ie瀏覽器 tride...