css中使用font-size設定字型大小，不同瀏覽器的字型height一樣，但是width不同，比如在火狐和谷歌中，font-size：20px,字型的高度變為20px，但是谷歌的字型寬度比火狐長
一，解決方法如下：
1、 將瀏覽器的基準字型大小設定為 62.5%，也就是 10px，現在 1rem = 10px —— 為了計算方便。然後 在 body上應用 font-size: 2rem;，那麼現在body的字型大小就是 20px。
html body
2、webkit瀏覽器渲染出來的字型具有一定的平滑效果，所以我們會看到 chrome 渲染出來的字型要大一點並且寬一點,可新增如下內容：
body
啟用瀏覽器的預設平滑字型效果css：
body
設定chrome下，設定小於12px字型，顯示仍為12px
-webkit-text-size-adjust:none;
css不同瀏覽器相容性處理
input.form control webkit input placeholder input.form control ms input placeholdereg background rgba 255,255,255,1 filter progid dximagetransform.mic...
CSS 瀏覽器相容性
1.不同瀏覽器的標籤預設的margin和padding不同 解決方案 所以需要有自己的格式化樣式 margin 0 padding 0 2.塊屬性標籤float後，又有橫行的margin情況下，在ie6顯示margin比設定的大 解決方案 在float的標籤樣式控制中加入 display inlin...
瀏覽器相容性
瀏覽器相容性是乙個很長久的話題，之所以前端需要面對瀏覽器相容性，是因為使用者的環境有不同的平台，不同的瀏覽器。不同的廠商之間為了相互競爭，對標準的實現不一樣。不同的瀏覽器有不同的核心。即使同乙個瀏覽器也有不同的版本，不同的版本對同一特性的支援情況也不盡相同。也可能某個瀏覽器的某個版本針對某個特性存在...