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

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

php中世界最好的语言

リリース： 2018-05-28 16:38:20

オリジナル

2980 人が閲覧しました

今日紹介するチュートリアルは、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 サイトの他の関連記事に注目してください。