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/
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
