2013-04-07 3 views
9

-webkit-text-size-adjust:none;の使用を理解しようとしています。-webkit-text-size-adjustは何をしますか?

android(chrome)またはiOS(safari and chrome)のフォントサイズには影響しません。だから何が使えますか?

+1

「none」はデフォルト値であるため、削除は何も変更されません。 – MarcinJuraszek

+2

私は 'auto'がデフォルトであると思っていました。 – user1437328

+3

この質問は、意見や感情的な価値に関するものではなく、むしろ明確でストレートなものです。「私はxyzを試みましたが、それは影響を受けていないようですので、コミュニティがxyzを理解するのに役立ちます。 - 再度開く必要があります。 –

答えて

1

-webkit-text-size-adjustの公開された仕様はないようですが、非公式のdescriptionは、iPhoneのSafariで動作すると言います。

CSS Mobile Text Size Adjustment Module Level(編集者草稿)によれば、は、プロパティを異なる値に設定する設定を上書きする場合にのみ、が初期値です。おそらく-webkit-text-size-adjustは、計画されたtext-size-adjustプロパティとほぼ同じように動作します。

3

-webkit-text-size-adjustは、iPhoneのSafariでテキストコンテンツを表示するためのサイズ調整を指定するexperimental technologyです。

  • なし:テキストサイズは調整されません。

  • auto(デフォルト):iPhoneのSafariでテキストサイズが自動的に調整されます。

  • iPhoneのSafariでテキストを表示するパーセンテージのパーセンテージ。

一部のモバイルブラウザでのみ、iOSの横にあるこのCSSプロパティがサポートされています。あなたはそれはあなた(著者)は、ブラウザのページがズームされたときの、テキストのサイズを変更したい場合ことを指定here

6
-webkit-text-size-adjust 

互換性を確認することができます。たいていの場合、ウェブブラウザーはテキストのサイズ変更をどのように行うかを考慮して、autoまたは100%に設定する方が良いでしょう。

注:Mozillaのdevlopersページはそのnon-standard

を言うこのarticleは、より多くのお手伝いを致します。

興味深いノート:Twitter Bootstrapを使用している開発者は、ブートストラップは、箱から出して‑webkit‑text‑size‑adjust: 100%を使用していることを知って興味があるかもしれない:Android携帯電話上で

クロームSource Link

編集ので-webkit-text-size-adjustが無視されている、font boosting使用していますあなたが設定した値に関係なく。 max-heightを大きな値(100000px程度)に設定することで、フォントの追加を無効にすることができます。bugを参照してください。

+0

ちょうどブートストラップノートを読んでください。しかし、正直言って、私は私の質問はまだ答えられていないと思う。今、私は、デスクトップブラウザでは 'none'を使うのは悪いことを知っていますが、それはモバイルブラウザにどのような影響を与えていますか?私はプロパティを 'none'に設定したときに何の変更も見られません。 – user1437328

+0

あなたはどのブラウザを使用していますか? –

+0

iOS 6(ipad)のSafari + Chromeとandroid 4.2(nexus)のChrome – user1437328