記錄乙個在開發過程中遇到的問題，專案資料視覺化大屏介面，使用的是rem布局，在完成時發現在ie瀏覽器和火狐瀏覽器字型顯示正常，谷歌瀏覽器字型偏大並且換行，後來發現是使用rem換算成px時字型小於12px,在谷歌瀏覽器中最小字型為12px導致的。
解決方法：將內容用span包裹，將字型設定為乙個大於12px的rem值,然後再用transform:scale()解決
/* 相容谷歌最小字型12px */
font-size: .25rem;
white-space: nowrap;//強制不換行
transform: scale(.8);//注意元素需要為塊級元素
display:inline-block;
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相容性問題集
ie相容性hack 6減 7乘 8除 ie6 7 8 input textarea等輸入框，在蘋果ios顯示有內陰影 圓角邊框 按鈕漸變透明bug圓角 限制input type file 上傳檔案型別 type file value 上傳 效果如下 value 上傳 或 type file name...