相容性問題

2021-07-11 11:35:42 字數 1113 閱讀 7849

ie6下最小高度為19px,增加font-size:0後可縮小為2px ; 還是沒解決嘛  orz。。。(增加overflow:hidden屬性,截掉多餘的高度!)

ie6、ie7只支援標籤的四個偽類(lvha) ,不支援其他偽類。

ie6,7下父級有寬度就可以不用清浮動,(其他瀏覽器不可以哦~)

haslayout屬性: 在ie中,乙個元素要麼自己對自身的內容進行計算大小和組織,要麼依賴於父元素來計算尺寸和組織內容。當乙個元素的haslayout屬性值為true時,它負責對自己和可能的子孫元素進行尺寸計算和定位。啟動haslayout的屬性有:display:inline-block,width/heigth,zoom , position , float 等。

ie6 下子級元素的內容寬高如果大於父級元素寬高,會將父級寬高重新定義,以適應子級元素的排列。(其他瀏覽器    則會擠出父級邊框顯示在邊框之外。又是haslayout的鍋。。。<( ̄︶ ̄)↗[go!]) 其他瀏覽器可以用overflow屬性,但ie6不支援。

ie6,7下元素浮動並在一行的元素都要加 float屬性,否則兩元素間會有3px空隙

ie6下的雙邊距的bug:塊元素(block)浮動(float)橫向的margin,橫向的margin值會被放大成兩倍。(解決辦法:display:inline-block)

ie6,7下 下面3px間隙問題:本身沒有浮動,但是內容浮動了li下就會多出幾個px。(解決:1.給li加浮動。2.加vertical-align屬性。)

ie8及以下透明度屬性使用:filter:alpha(opacity=0~100);使用蒙版時,.float這條css命令。

ie6 下父級的overflow:hidden;是包不住子級的相對定位的;(父級也加上相對定位則可以解決)

在 ie6 下定位元素的父級寬高都為奇數那麼在 ie6 下定位元素的 right 和 bottom 都有1畫素的偏差。

ie6不相容固定定位。

ie6下input背景隨內容增多而滾動。(解決,加乙個父類div,去掉input的原有border,background:whit屬性。)

piczoom相容性問題 相容性問題

1.文字本身的大小不相容。同樣是font size 14px的宋體文字,在不同瀏覽器下佔的空間是不一樣的,ie下實際佔高16px,下留白3px,ff 下實際佔高17px,上留白1px,下留白3px,opera下就更不一樣了。解決方案 給文字設定 line height 確保所有文字都有預設的 lin...

相容性問題

原文 1.ie浮動 margin 產生的雙倍距離 box 2.display inline block ie6,7下不相容 用float left 3.position fixed ie6不支援 ie6下用position和js模擬,或者完全不用,用position和js模擬 4.cursor ha...

相容性問題

最近,問了很多有關相容性問題的解決示例,大部分人回答都是非常片面,甚至可以說是他們基本上沒有碰到什麼相容性問題。對於很多用jquery的前端來說,基本上很難在js上碰到相容問題,大部分如dom操作,事件等之類相容問題,jquery都能很好的解決。那為啥現在的趨勢是 去jquery 化呢?為此,vue...