ie相容性hack： 6減 7乘 8除
.ie6_7_8
限制input type=」file」上傳檔案型別
type=
"file"
value="上傳">
value="上傳">
或
type="file" name="pic" id="pic" accept="image/gif, image/jpeg" />ios效果如下：
display:inline-block 間距bug
tableclass="alert-action">也可解決;class="btn-cancel"
onclick="alert_hide()">取消a>
class="btn-confirm"
onclick="alert_hide()">傳送a>
div>
.alert-action
.alert
.btn-cancel,.alert
.btn-confirm
.alert
.btn-cancel
.alert
.btn-confirm
style>結果悲劇了：
解決方案：（方法很多，僅列舉3個常用的）
1.display:inline-block元素間不留空格
2.借助html注釋，注釋掉空格
3.簡單粗暴的font-size:0
firefox瀏覽器table**邊框顏色修改不了
如果是如下形式的html 和 css：
style>
border="1">
1td>
2td>
tr>
3td>
4td>
tr>
table>你會發現，火狐瀏覽器下**的邊框顏色仍然是黑色：
據上圖可以看出，**內部的樣式是由td決定的，因此給td加上樣式即可解決：
table
td
css相容性問題
先來談談css hack 我們為了讓頁面形成統一的效果，要針對不同的瀏覽器或不同版本寫出對應可解析的css樣式，所以我們就把這個針對不同瀏覽器 版本而寫css的過程叫做 css hack.css hack主要有三種 ie條件注釋法 css屬性字首法 選擇器字首法。1 ie條件注釋法，即在正常 之外新...
piczoom相容性問題 相容性問題
1.文字本身的大小不相容。同樣是font size 14px的宋體文字，在不同瀏覽器下佔的空間是不一樣的，ie下實際佔高16px，下留白3px，ff 下實際佔高17px，上留白1px，下留白3px，opera下就更不一樣了。解決方案 給文字設定 line height 確保所有文字都有預設的 lin...
css字型大小相容性問題
記錄乙個在開發過程中遇到的問題，專案資料視覺化大屏介面，使用的是rem布局，在完成時發現在ie瀏覽器和火狐瀏覽器字型顯示正常，谷歌瀏覽器字型偏大並且換行，後來發現是使用rem換算成px時字型小於12px,在谷歌瀏覽器中最小字型為12px導致的。解決方法 將內容用span包裹，將字型設定為乙個大於12...