關於瀏覽器的相容性問題,我認為可以從瀏覽器對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...