Bootstrap 3 でメディア クエリを使用して、画面サイズに基づいてフォント サイズを調整するにはどうすればよいですか?

Twitter Bootstrap 3 でのメディア クエリの使用

Query:

Bootstrap 3 では、メディア クエリをどのように実装すればよいですか画面に基づいてフォント サイズを動的に調整するsize?

応答:

Bootstrap 3 は、メディア クエリを定義するための特定のセレクターを提供します:

• @media(max-width:767px) ：極小（XS）デバイス
• @media(min-width:768px): 小型 (SM) デバイス
• @media(min-width:992px): 中型 (MD) デバイス
• @ media(min-width:1200px): 大型 (LG) デバイス

たとえば、フォントを調整する場合XS デバイス上の要素のサイズを確認するには、次を使用します:

@media (max-width: 767px) {
  .element {
    font-size: 12px;
  }
}

注: デバッグを支援するために、次の HTML をページに追加できます:

<span>

以上がBootstrap 3 でメディア クエリを使用して、画面サイズに基づいてフォント サイズを調整するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。