簡単に言えば、Web サイトは端末ごとに特定のバージョンを作成するのではなく、複数の端末と互換性を持たせることができます。このコンセプトは、モバイル インターネット ブラウジングを解決するために生まれました。
応答性について話すとき、多くの人はすぐに次のことを思い浮かべるでしょう。
Boilerplate、Foundation、Ulkit、bootstrap、その他のフレームワーク。 (推奨学習: Bootstrap ビデオ チュートリアル )
以下では、Twitter が立ち上げた Bootstrap を例に説明します。
ブートストラップのようなレスポンシブ フレームワークの基本的な実装原理はメディア クエリです。
Bootstrap コア CSS ファイルの開発バージョンを開くと、@media がはっきりと確認できます。
#Bootstrap はモバイルファースト戦略に基づいて開発されており、この戦略に従ってモバイル デバイス向けのコードの最適化を優先しています。を選択し、CSS メディア クエリ (CSS メディア クエリ) テクノロジを使用して、各コンポーネントの状況に基づいてコンポーネントに適切なスタイルを設定します。したがって、次のタグに
<meta>
Bootstrap チュートリアル 列にアクセスして学習してください。
以上がブートストラップの原理とは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。