スタイルシートの最も重要な機能の 1 つは、ページ、画面、電子シンセサイザーなどの複数のメディアに適用できることです。特定のプロパティは特定のメディアにのみ適用されます。たとえば、「font-size」プロパティはスクロール可能なメディア タイプ (画面) にのみ適用されます。 メディア属性を宣言するには、@import または @media を使用できます。
ドキュメントのマークアップにメディアを含めることもできます。 SCREEN: コンピュータの画面を指します。 モバイルフレンドリーな@mediaスタイルの使用 一般的な携帯電話のスタイル: @media all および (orientation : 縦向き) { /*縦画面*/ } @media all および (orientation : landscape) { /*横画面*/ } 携帯電話の高さのスタイルを指定します:
さまざまなデバイスに応じて設定されるスタイル:
順番に注意してください。下に @media (min-width: 768px) と書くと悲劇になります。CSS ファイルは上から下に読み込まれるため、後の CSS の方が優先されるからです。
なぜなら、1440 の場合、1440>768 なので、1200 は無効になります。 したがって、min-width を使用すると、小さい方が上に、大きい方が下になります。同様に、max-width を使用すると、大きい方が上に、小さい方が下になります。
この記事はここで終わります |
<<: 選択ドロップダウンメニューのテキストを左右にスクロールするように設定する
>>: Reactでwindow.print()を使用した際にページが応答しなくなる問題の解決記録について
目的カルーセルコンポーネントをカプセル化して直接使用します。具体的な内容は以下のとおりです。一般的な...
マーキー要素を使用すると、単純なフォント(画像など)のスライドやその他の効果を実現できます。コードを...
Ubuntu をインストールしたばかりですが、開いたときにネットワーク接続がありませんでした。右上隅...
この記事では、マーキースタイルのテキストの水平スクロールを実現するためのVueの具体的なコードを参考...
序文:プロジェクト開発では、一部のビジネス テーブル フィールドで日付と時刻の型が使用されることが多...
背景インターフェイス ドメイン名はハードコードされておらず、動的に取得されます。具体的な実装は、静的...
しかし最近、この方法を使用すると問題が発生することがわかりました。コードを参照してください。コードを...
GUNスクリーン:公式サイト: http://www.gnu.org/software/screen...
1. ポート2375を開くdocker.serviceを編集する vim /lib/systemd/...
目次ビジネスロジックデータテーブル構造クエリロジックSQL スクリプトスクリプトの説明ビジネスロジッ...
序文nginx はマルチプロセス モデルを使用します。リクエストが届くと、システムはプロセスをロック...
コードをコピーコードは次のとおりです。 <スタイル> .fileInputContain...
ソフトウェアバージョンウィンドウズ: ウィンドウズ10 MySQL: mysql-8.0.16-wi...
ボタンは頻繁に使用されます。ここでは、イベント処理メソッドを整理し、実装方法が多数あることを発見しま...
CentOS プロジェクトは、Red Hat の再配布要件に完全に準拠した、Red Hat Ente...