MediaQueryの検索結果1 - 2 件 / 2件

• あとで読む

  CSSの@mediaは、スクリーンサイズだけじゃない！ 最近の実装で使用されるメディアクエリのまとめ -mediaquery.style

  • 65 users
  • coliss.com
  • テクノロジー
  • 2022/08/30

  Webサイトやスマホアプリの実装でよく使用される、CSSのメディアクエリのコードを紹介します。 モバイルファースト用をはじめ、ライトモード・ダークモード用、アクセシビリティ、ホバーエフェクト用、デバイスの向き用など、さまざまなメディアクエリのコードをコピペで簡単に利用できます。スニペットに登録しておくと、便利です。

  • css
  • あとで読む
  • コード
  • web制作
  • webデザイン
  • アクセシビリティ
  • モバイル

  
• あとで読む

  【Flutter】 MediaQuery とは何か

  • 3 users
  • zenn.dev/chooyan
  • テクノロジー
  • 2021/02/25

  この記事は Flutter #3 アドベントカレンダー 2020 - Qiita 19 日目の記事です。 Flutter アプリを作っていると、どこかで一度は MediaQuery のお世話になるのではないかと思います。 例えば、Widget のサイズを画面の幅や高さに合わせるために width: MediaQuery.of(context).size.width, height: MediaQuery.of(context).size.height と記述することが少なからずあるのではないでしょうか。 この記事では、何気なく「画面サイズを取得する」ために使用することの多い MediaQuery について、 MediaQuery とは何なのか、どのように作られているのか、また他のどのような場面で活用できるのかについて考えていきたいと思います。 参考 公式ドキュメントです。主に画面サイズの取