chromeフォントが12 px未満

プロジェクトではFirefox、chrome、Safariブラウザを互換化する必要があります.主にフォントサイズが12 px未満の場合の互換性にあり、以前はcssに-webkit-transform=scale(0.75)が追加されていました.-webkit-transform-origin=0 0;スタイル実装chromeでのフォントサイズは9 pxです.しかし、今日Safari自体はフォントサイズ<12 pxを実現できるのに、同じくcssスタイルの影響を受けていることが判明し、9 pxのフォントがsafariに表示するのは9*0.75=6.75 pxサイズのみとなり、最終的にはブラウザ判断+jQueryに採用することにした.css()メソッドでフォントサイズを制御し、

1 if (/chrome/i.test(navigator.userAgent.toLowerCase( ))) {

2 　　$('.stepps').css({'-webkit-transform':'scale(0.75)','-webkit-transform-origin':'0 0'});

3 }