ホームページ > 記事 > ウェブフロントエンド > Google Chrome_html/css_WEB-ITnose で 12px より小さいフォントを設定する方法
Google Chrome_html/css_WEB-ITnose で 12px より小さいフォントを設定する方法
- WBOYオリジナル
- 2016-06-24 11:32:221570ブラウズ
Google Chrome でフォント サイズを 12 ピクセル未満に設定する場合:
推奨: できる限りコードを手書きすることで、学習の効率と深さを効果的に向上させることができます。
Google Chromeには12pxより小さいフォントを設定できないという長年の問題があります。12pxより小さいフォントを設定しても12pxのサイズしか表示されません。
まずコード例を見てみましょう:
<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">ul{ list-style:none;}.first{ font-size:16px; }.second{ font-size:14px; }.third{ font-size:12px; }.fourth{ font-size:10px; }</style></head><body><ul> <li class="first">16px</li> <li class="second">14px</li> <li class="third">12px</li> <li class="fourth">10px</li></ul></body></html> 上記のコードは、Google Chrome でフォント サイズを 10px に設定できません。上記のコードを変更してみましょう:
<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">html,body{ -webkit-text-size-adjust:none;}ul{ list-style:none;}.first{ font-size:16px; }.second{ font-size:14px; }.third{ font-size:12px; }.fourth{font-size:10px; }</style></head><body><ul> <li class="first">16px</li> <li class="second">14px</li> <li class="third">12px</li> <li class="fourth">10px</li></ul></body></html> 上記のコードは、フォント サイズを 10px に設定する関数を実装しています。中心となるのは、次のコードを追加することです:
html,body{ -webkit-text-size-adjust:none;} 元のアドレスは次のとおりです: http://www.softwhy.com/forum.php?mod=viewthread&tid=3375
詳細については、次を参照してください: http: //www.softwhy .com/divcss/
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。