ページのPCのフォントサイズの一部のモバイルクライアントブラウザ、PCのフォントサイズ(フォントブースティング)と矛盾

最近のページを作ったとき、あなたは時にモバイルクライアントのブラウザからページPC PCスタイルを維持する必要があります。しかし、私はいくつかのテキストが拡大されました。それは特に奇妙に見えます。下記に示すように、

インタラクティブツアー以来

グリーンボックスは、 PCの側面図は、通常のパターンである
赤枠が拡大フォント奇妙なスタイルの終わりを見るために動いています

何がそれの原因は?

その後、彼はコンセプトと接触した、そして最終的には問題の本当の色を理解しています。この概念は、「フォントブースト」(リテラル爆発)と呼ばれている 
フォントの後押しフォントが、フォントインフレが提供する携帯端末に特有のWebkitブラウザはまた、テキストオートサイザーとして知られ、リフトと呼ばれている:我々は携帯電話でウェブを閲覧すると、元のページ幅が大きいせいか、携帯電話の画面上に狭めた後、あなたはのテキストを見ることができません。自動的に、この時点でのフォントより大きなテキスト画面の周りにスライドしますフォントの後押しの特性は、画面の内容を拡大し、ダブルクリックしないの前提の下で、すぐにそれを確保するために必要な、だけでなく、人々はテキストと便利なページを読み取ることができますされていません。特に、我々は見つけるためにBaiduのに行くことができます。

 

どのように解決するには?

フォントのみ要素の幅と高さを指定するために、テキストフローの有効サイズを規定されていないブースティングは回避することができるフォントトリガされる昇圧

  • トリガーは、max-高さを指定することで回避することができます。たとえばの.class {最大高さ:100%;}
  • .class {テキストサイズ調整:なし;}
  • 指定初期規模= 1
  • * { - webkitのテキスト・サイズ調整:なし;} //このメソッドは、Iの使用、グローバル禁止のWebkitブラウザのテキストサイズ調整機能

 

:で再現http://www.freetechs.cn/archives/128

 

おすすめ

転載: www.cnblogs.com/sjns/p/12293832.html