CSS Media Queries

Edit New

媒体クエリー (仕様・技術)

仕様書

媒体クエリーとレンダリング

[31] 媒体クエリー仕様によれば、利用者の環境が変わった時、利用者エージェントがページを再評価・再配置することは必須ではありませんが期待されています。

メモ

[1] メディアクエリに関するメモ (もとひこ 著, 2007-01-01 17:37:13 +09:00 版) http://www1.ttcn.ne.jp/amotohiko/note/mediaquery.html (名無しさん 2007-02-23 14:57:54 +00:00)

[2] Bug 156716 – CSS3 "media queries" (2007-02-23 23:58:36 +09:00 版) https://bugzilla.mozilla.org/show_bug.cgi?id=156716 (名無しさん)

[3] The Continuous Media Markup Language (CMML), Version 2.1 (2006-05-06 10:39:46 +09:00 版) http://annodex.net/TR/cmml.html#rfc.section.2.3 (名無しさん)

[4] Media Queries (2007-06-07 03:27:34 +09:00 版) http://www.w3.org/TR/2007/CR-css3-mediaqueries-20070606/ (名無しさん 2007-06-09 15:03:00 +00:00)

[5] >>4 Related Works の章がカットされたのと媒体型なしでいきなり式からはじまるのがありになったのと媒体照会の並びが生成規則として明記されたの以外に大きな変化はないようですね。 (名無しさん 2007-06-09 15:15:18 +00:00)

[6] Media Queries (2008-04-07 21:12:53 +09:00 版) http://dev.w3.org/cvsweb/~checkout~/csswg/css3-mediaqueries/Overview.html?content-type=text/html;%20charset=iso-8859-1 (名無しさん)

[7] Media Queries ( 版) http://www.w3.org/TR/2008/WD-css3-mediaqueries-20081015/

[8] Firefox 3.1 が対応

Firefox 3.1 for developers - MDC ( 版) https://developer.mozilla.org/ja/Firefox_3.1_for_developers#.E6.96.B0.E3.81.97.E3.81.8F.E3.82.B5.E3.83.9D.E3.83.BC.E3.83.88.E3.81.95.E3.82.8C.E3.81.9F.E6.A9.9F.E8.83.BD

[9] Extensions to CSS3 Media Queries ( 版) http://webkit.org/specs/MediaQueriesExtensions.html

[10] Media Queries ( 版) http://www.w3.org/TR/2009/CR-css3-mediaqueries-20090423/

%MediaDesc; 型 (HTML 4)

[15] HTML の %MediaDesc 型は、 媒体記述子を値とします。

[14] 仕様書:

[13]

引数実体名
%MediaDesc (HTML 4, XHTML 1.0)
抽象属性型名
MediaDesc (XHTML m12n)
属性型名
media-descriptors (HTML 4)
SGML 属性型
CDATA (HTML 4)
XML 属性型
CDATA (XHTML 1.0)
大文字・小文字
区別無し

[12] media 属性では将来の媒体記述子の拡張を考慮した解釈方法が規定されています (IW:HTML4:"types.html#type-media-descriptors" 参照)。 %MediaDesc の解釈方法じゃなくて media 属性値の解釈方法です。 HTML 4 では同じことですが、こういう微妙な区別を曖昧にすると将来しょーもない不具合を入れてしまうんですよ。 で、その解釈方法の説明によれば HTML 4 で定義されている媒体記述子の名前は大文字・小文字を区別するようです。

なお、 XHTML m12n では MediaDesc 型の説明に入っています XHTML m12n 4.3。

[11] HTML 4 DTD の注釈 (参考) と XHTML 1.0 DTD の注釈 (規定) には single or comma-separated list of media descriptors と説明があります。

電子書籍交換フォーマット

[45] 電子書籍交換フォーマットは独自に独特の形式を定めて拡張していました。

歴史

[16] XHTML2 の最初の作業原案で、定義が CSS2 の媒体記述子の読点分離の並びとされました。 実質的には HTML4 の定義と同じですが、 CSS2 に定義を委ねています。

- Module Definition Conventions ( 版) http://www.w3.org/TR/2002/WD-xhtml2-20020805/abstraction.html#dt_MediaDesc

[17] Media Queries ( 版) http://www.w3.org/TR/2009/CR-css3-mediaqueries-20090915/

[18] (X)HTML5 Tracking ( 版) http://html5.org/tools/web-apps-tracker?from=3925&to=3926

[19] Widgets 1.0: View Modes Media Feature ( 版) http://www.w3.org/TR/2009/WD-widgets-vmmf-20091006/

[20] Extensions to CSS3 Media Queries ( 版) http://webkit.org/specs/MediaQueriesExtensions.html

[21] Media Queries ( 版) http://www.w3.org/TR/2010/CR-css3-mediaqueries-20100727/

[22] 技術仕様 << mixi Developer Center (ミクシィ デベロッパーセンター) ( ( 版)) http://developer.mixi.co.jp/connect/mixi_plugin/mixi_check/spec_mixi_check

[23] IRC logs: freenode / #whatwg / 20120207 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20120207#l-383

[24] Media Queries ( ( 版)) http://www.w3.org/TR/2012/PR-css3-mediaqueries-20120426/

[25] CSS Media Queries level 3 Implementation Report ( ( 版)) http://www.w3.org/Style/CSS/Test/MediaQueries/20120229/reports/implement-report.html

[26] IRC logs: freenode / #whatwg / 20120518 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20120518

[27] Building Smartphone-Optimized Websites - Webmasters — Google Developers ( 版) https://developers.google.com/webmasters/smartphone-sites/details

[28] Media Queries ( ( 版)) http://www.w3.org/TR/2012/REC-css3-mediaqueries-20120619/

[29] Media Queries Level 4 ( ( 版)) http://dev.w3.org/csswg/mediaqueries4/

[30] Media Queries Level 4 ( ( 版)) http://w3c-test.org/csswg/mediaqueries/

[32] Extensions to CSS3 Media Queries ( ( 版)) http://web.archive.org/web/20110903020848/http://www.webkit.org/specs/MediaQueriesExtensions.html

[33] IRC logs: freenode / #whatwg / 20140829 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20140829#l-1083

[34] Media Queries ( ( 版)) http://www.w3.org/TR/2012/REC-css3-mediaqueries-20120619/

[35] Remove <iframe seamless> · whatwg/html@1490eba ( 版) https://github.com/whatwg/html/commit/1490eba4dba5ab476f0981443a86c01acae01311

[36] [mediaqueries] temporary doc to hold features deferred to MQ5. ( (tabatkins著, )) https://github.com/w3c/csswg-drafts/commit/29b3d5ca56cc5b394629b25b6d6c12c7edabbe15

[37] [mediaqueries] Cut custom MQs, plan to move them to a Houdini spec. ( (tabatkins著, )) https://github.com/w3c/csswg-drafts/commit/e4facfc24e59cddcae5919b0e3c083044ba555af

[38] Media Queries Level 4 () https://www.w3.org/TR/2016/WD-mediaqueries-4-20160706/

[39] EPUB Multiple-Rendition Publications 1.0 () http://www.idpf.org/epub/renditions/multiple/epub-multiple-renditions-20150826.html#sec-3.4.1

[40] Media Queries Level 4 () https://www.w3.org/TR/2017/WD-mediaqueries-4-20170519/

[41] [CSSWG][mediaqueries-4] Last Call for Comments on Media Queries Level 4 (Florian Rivoal著, ) https://lists.w3.org/Archives/Public/www-style/2017May/0033.html

[42] Gmail Supported CSS Properties & Media Queries  |  Gmail & Inbox Sender Resources  |  Google Developers () https://developers.google.com/gmail/design/reference/supported_css

[43] Media Queries Level 4 () https://www.w3.org/TR/2017/CR-mediaqueries-4-20170905/

Updated: