每天解決一點相容性問題

2021-08-26 23:42:58 字數 446 閱讀 7822

今天在專案中遇到了ie8瀏覽器相容性問題。解決辦法

(居然還報console未定義錯誤,醉了~)

還是用平常的寫法

.box{

display: -webkit-flex; /* 新版本語法: chrome 21+ */

display: flex; /* 新版本語法: opera 12.1, firefox 22+ */

display: -webkit-box; /* 老版本語法: safari, ios, android browser, older webkit browsers. */

display: -moz-box; /* 老版本語法: firefox (buggy) */

display: -ms-flexbox; /* 混合版本語法: ie 10 */

解決相容性問題

解決相容性的方法 1.清除浮動的相容性 清除浮動在低版本瀏覽器不可以使用,需要處理相容性加乙個 2.rgb 和rgba和opacity的相容性 rgb 和 opacity在ie低版本中不支援,需要加乙個filter alpha opacity 50 3.解決css3中的相容性 chrome 谷歌 的...

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...