Google Chrome が 12 ピクセルより小さいテキストの CSS 設定をサポートしていない場合はどうすればよいですか?

今日紹介するチュートリアルは、Google Chrome が CSS の小さいフォントの設定をサポートしていないという問題の解決策です。

Web ページでは、美しいレイアウトを実現するために、大きなテキストまたは小さなテキストがよく使用されます。通常、フォント サイズのテキストは 12px (ピクセル) のテキストです。テキストフォントを12pxより大きく設定すると、各ブラウザはCSSで設定されたテキストサイズ効果を表示できます。ただし、CSS設定が12px未満の場合、Google ChromeではCSSで設定した12px未満のテキストフォント効果を表示できません。

Google Chrome は設定フォントサイズをサポートしています 12 ピクセルより小さいピクセルの解決策

Google Chrome のデフォルトの最小フォントは 12 ピクセルで、12 ピクセルより小さいフォントは 12 ピクセルとして表示されます。特に英語の Web サイトを作成する場合には、より小さいフォントが必要になることがあります。 CSS スタイルは、12 ピクセルより小さいテキストを表示するためによく使用されるため、Google Chrome ではそれより小さいテキストを表示できません。ただし、解決策はあります。

必要な CSS コードを解決します

HTML または本文に Google Chrome 固有のカーネル 属性 スタイルを追加します (または、小さなテキスト フォント オブジェクト CSS セレクター を設定する必要がある場合は、次の CSS コードを追加します):

html,body{-webkit-text-size-adjust:none;}或.pcss5{-webkit-text-size-adjust:none;}

注: この属性を使用すると、ブラウザのフォントはズーム機能を使用できなくなります。 (CTRL キーを押しながらマウスの中ボタンを上下にスクロールする機能です)

単位を変更してみてください - 役に立ちません:

フォント サイズを定義する単位として em (文字) を使用するのは難しいと言う友人もいます。役に立つ。私は個人的に、Google Chrome の最小フォント サイズが 12 ピクセルを下回らないことをテストしました。だから駄目なんです。今のところ上記の方法しか知りません。

これらの事例を読んだ後は、その方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

関連書籍:

キャメルケースの名前付けと JS に関する質問への回答

JS のブール値、関係演算子、論理演算子の詳細な説明と例

フロントエンド JS の概要フレームワークとその使用法の説明

以上がGoogle Chrome が 12 ピクセルより小さいテキストの CSS 設定をサポートしていない場合はどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。