画面サイズのムラゴンブログ

このタグの読者になる 0

メディアクエリの基本的な書き方

Webサイトをスマホ・タブレット・パソコンなど、画面サイズごとに最適な表示に切り替える仕組みが「メディアクエリ」です。レスポンシブデザインを実装する上で、避けて通れない基本要素になります。この記事では、メディアクエリの考え方と、よく使われる指定方法を初心者向けに整理します。メディアクエリとは何... 続きをみる
- 考え方
- 指定
- 条件
- 基本
- 画面
- 上書き
- スタイル
- 共通
- タブレット
たむ webエンジニア発信 | 少しためになるブログ 2026/01/28 07:41
max-widthとwidthの違いとは？

Web制作をしていると、必ずと言っていいほど出てくる width と max-width。どちらも「横幅」を指定するプロパティですが、実は使いどころと役割がまったく違います。この記事では、「結局どう違うの？」「どっちを使えばいいの？」という疑問を、初心者にもわかるように解説します。 wid... 続きをみる
たむ webエンジニア発信 | 少しためになるブログ 2025/12/18 08:15
レスポンシブのpxの基準とは

レスポンシブデザインとは、スマホ・タブレット・PCなど、画面サイズの異なるデバイスでも快適に閲覧できるようにレイアウトを自動で調整する仕組みのことです。その際に基準となるのが「ブレークポイント」と呼ばれるpx（ピクセル）単位の区切りです。一般的には、デバイスの画面幅によっていくつかの区分が設けら... 続きをみる
たむ webエンジニア発信 | 少しためになるブログ 2025/10/06 08:37
# 画面サイズ
# レイキヒーリング
# 千手観音