Media Queries Level 3 W3C Recommendation, 21 May 2024 More details about this document This Version: https://www.w3.org/TR/2024/REC-mediaqueries-3-20240521/ Latest Version: https://www.w3.org/TR/mediaqueries-3/ Latest Editor Version: https://drafts.csswg.org/mediaqueries-3/ Previous Version: https://www.w3.org/TR/2022/REC-mediaqueries-3-20220405/ History: https://www.w3.org/standards/history/media
早いもので、もう年の瀬ですね。先日、いよいよアップルが 3G版 iPhone の、日本での発売に向けて動き出したみたいですね。iPod Touch 共々、これでウェブブラウジングの選択肢が、またひとつ増えることになりそうです。 もちろん、iPhone や iPod Touch 以外にも、PDA や、スマートホン、携帯電話、携帯ゲーム機など、ウェブにアクセスできる小型携帯端末はたくさんあります。これら小型携帯端末は、PC 用のディスプレイに比べて画面が小さく、縦長のもの、横長のもの、縦横両用のものなど、大きさも縦横比もまちまちです。 最近は、こうした小型携帯端末から、携帯電話用ではなく、PC 向けのコンテンツにアクセスする機会が増えつつありますが、さすがに小さな画面で、マルチカラム レイアウトのページを閲覧するのはツライですよね。
Media Query とは CSS3 から導入される Media Type を大幅に拡張する仕様です。 そもそも Media Type とは Media Type とは CSS 2 系に元々ある仕様で CSS を適用するメディア（パソコンの画面、テレビ、プリンタ用紙など）を指定するときに使います。 以下の例だと、 media 属性の中に記述されている all や screen や print が Media Type です。 <link rel="stylesheet" type="text/css" href="共通の.css" media="all" /> <link rel="stylesheet" type="text/css" href="パソコンの画面の.css" media="screen" /> <link rel="stylesheet" type="text/css"
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
