Edit

Page

Page title:

Page body:

* 仕様書

[REFS[
- [44] [CITE@en[Media Queries Level 4]], [TIME[2020-05-01 14:43:54 +09:00]] <https://drafts.csswg.org/mediaqueries-4/>
]REFS]

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

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

* メモ

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

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

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

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

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

[6]
[CITE@en-US[Media Queries]] ([CODE[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]
[CITE@en-US[Media Queries]] ([TIME[2008-10-16 05:34:18 +09:00]] 版) <http://www.w3.org/TR/2008/WD-css3-mediaqueries-20081015/>

[8] [[Firefox 3.1]] が対応

;;[CITE@en-us[Firefox 3.1 for developers - MDC]] ([TIME[2009-02-08 18:25:06 +09:00]] 版) <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] [CITE@en[Extensions to CSS3 Media Queries]] ([TIME[2009-02-08 19:52:02 +09:00]] 版) <http://webkit.org/specs/MediaQueriesExtensions.html>

[10] [CITE@en-US[Media Queries]] ([TIME[2009-04-20 23:11:29 +09:00]] 版) <http://www.w3.org/TR/2009/CR-css3-mediaqueries-20090423/>

* [CODE(SGML)[%MediaDesc;]] 型 (HTML 4)

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

[14] 仕様書:
- [[HTML 4]] 
-- <IW:HTML4:"types.html#type-media-descriptors">
-- [[厳密]] DTD <IW:HTML4:"sgml/dtd.html#MediaDesc">
-- [[移行用]] DTD <IW:HTML4:"sgml/loosedtd.html#MediaDesc">
-[[XHTML 1.0]]
-- [CSECTION[A.1.1. XHTML-1.0-Strict]]
<http://www.w3.org/TR/2002/REC-xhtml1-20020801/dtds.html#dtdentry_xhtml1-strict.dtd_MediaDesc>
-- [CSECTION[A.1.2. XHTML-1.0-Transitional]]
<http://www.w3.org/TR/2002/REC-xhtml1-20020801/dtds.html#dtdentry_xhtml1-transitional.dtd_MediaDesc>
-- [CSECTION[A.1.3. XHTML-1.0-Frameset]]
<http://www.w3.org/TR/2002/REC-xhtml1-20020801/dtds.html#dtdentry_xhtml1-frameset.dtd_MediaDesc>
- [[XHTML m12n]]
--[CSECTION[4.3. Attribute Types]]
<IW:XHTML1m12n:"abstraction.html#dt_MediaDesc">

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

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

なお、 [[XHTML m12n]] では [CODE(HTML)@en[[[MediaDesc]]]] 型の説明に入っています
[SRC[XHTML m12n 4.3]]。

[11] [[HTML 4]] [[DTD]] の[[注釈]] (参考) と
[[XHTML 1.0]] [[DTD]] の[[注釈]] (規定) には
[Q[single or comma-separated list of media descriptors]<IW:HTML4:"sgml/dtd.html#MediaDesc">]
と説明があります。

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

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

* 歴史

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

;; [CITE@en[- Module Definition Conventions]] ([TIME[2002-08-06 00:20:43 +09:00]] 版) <http://www.w3.org/TR/2002/WD-xhtml2-20020805/abstraction.html#dt_MediaDesc>

[17] [CITE@en-US[Media Queries]]
([TIME[2009-09-15 06:25:48 +09:00]] 版)
<http://www.w3.org/TR/2009/CR-css3-mediaqueries-20090915/>

[18] [CITE@en[(X)HTML5 Tracking]]
([TIME[2009-09-22 01:00:11 +09:00]] 版)
<http://html5.org/tools/web-apps-tracker?from=3925&to=3926>

[19] [CITE[Widgets 1.0: View Modes Media Feature]]
([TIME[2009-10-07 06:25:07 +09:00]] 版)
<http://www.w3.org/TR/2009/WD-widgets-vmmf-20091006/>

[20] [CITE@en[Extensions to CSS3 Media Queries]]
([TIME[2010-05-30 23:50:20 +09:00]] 版)
<http://webkit.org/specs/MediaQueriesExtensions.html>

[21] [CITE@en-US[Media Queries]]
([TIME[2010-07-28 03:21:56 +09:00]] 版)
<http://www.w3.org/TR/2010/CR-css3-mediaqueries-20100727/>

[22] [CITE@ja[技術仕様 << mixi Developer Center (ミクシィ デベロッパーセンター)]]
( ([TIME[2010-09-11 00:56:06 +09:00]] 版))
<http://developer.mixi.co.jp/connect/mixi_plugin/mixi_check/spec_mixi_check>

[23] [CITE[IRC logs: freenode / #whatwg / 20120207]]
( ([TIME[2012-02-10 00:08:02 +09:00]] 版))
<http://krijnhoetmer.nl/irc-logs/whatwg/20120207#l-383>

[24] [CITE@en-US[Media Queries]]
( ([TIME[2012-04-26 03:30:29 +09:00]] 版))
<http://www.w3.org/TR/2012/PR-css3-mediaqueries-20120426/>

[25] [CITE@en[CSS Media Queries level 3 Implementation Report]]
( ([TIME[2012-03-08 16:11:18 +09:00]] 版))
<http://www.w3.org/Style/CSS/Test/MediaQueries/20120229/reports/implement-report.html>

[26] [CITE[IRC logs: freenode / #whatwg / 20120518]]
( ([TIME[2012-05-31 08:07:55 +09:00]] 版))
<http://krijnhoetmer.nl/irc-logs/whatwg/20120518>

[27] [CITE@en[Building Smartphone-Optimized Websites - Webmasters — Google Developers]]
([TIME[2012-06-07 02:56:13 +09:00]] 版)
<https://developers.google.com/webmasters/smartphone-sites/details>

[28] [CITE@en-US[Media Queries]]
( ([TIME[2012-06-18 20:22:54 +09:00]] 版))
<http://www.w3.org/TR/2012/REC-css3-mediaqueries-20120619/>

[29] [CITE@en[Media Queries Level 4]]
( ([TIME[2012-06-21 17:36:24 +09:00]] 版))
<http://dev.w3.org/csswg/mediaqueries4/>

[30] [CITE@en[Media Queries Level 4]]
( ([TIME[2013-07-25 22:52:42 +09:00]] 版))
<http://w3c-test.org/csswg/mediaqueries/>

[32] [CITE@en[Extensions to CSS3 Media Queries]]
( ([TIME[2013-07-28 13:48:16 +09:00]] 版))
<http://web.archive.org/web/20110903020848/http://www.webkit.org/specs/MediaQueriesExtensions.html>

[33] [CITE[IRC logs: freenode / #whatwg / 20140829]]
( ([TIME[2014-08-30 03:36:20 +09:00]] 版))
<http://krijnhoetmer.nl/irc-logs/whatwg/20140829#l-1083>

[34] [CITE@en-US[Media Queries]]
( ([TIME[2012-06-18 20:22:54 +09:00]] 版))
<http://www.w3.org/TR/2012/REC-css3-mediaqueries-20120619/>

[35] [CITE@en[Remove <iframe seamless> · whatwg/html@1490eba]]
([TIME[2016-02-04 19:13:43 +09:00]] 版)
<https://github.com/whatwg/html/commit/1490eba4dba5ab476f0981443a86c01acae01311>

[36] [CITE@en['''['''mediaqueries''']''' temporary doc to hold features deferred to MQ5.]]
( ([[tabatkins]]著, [TIME[2016-06-09 04:19:10 +09:00]]))
<https://github.com/w3c/csswg-drafts/commit/29b3d5ca56cc5b394629b25b6d6c12c7edabbe15>

[37] [CITE@en['''['''mediaqueries''']''' Cut custom MQs, plan to move them to a Houdini spec.]]
( ([[tabatkins]]著, [TIME[2016-06-09 04:20:36 +09:00]]))
<https://github.com/w3c/csswg-drafts/commit/e4facfc24e59cddcae5919b0e3c083044ba555af>

[38] [CITE@en[Media Queries Level 4]]
([TIME[2016-07-07 01:35:12 +09:00]])
<https://www.w3.org/TR/2016/WD-mediaqueries-4-20160706/>

[39] [CITE@en[EPUB Multiple-Rendition Publications 1.0]]
([TIME[2015-09-11 07:26:12 +09:00]])
<http://www.idpf.org/epub/renditions/multiple/epub-multiple-renditions-20150826.html#sec-3.4.1>

[40] [CITE@en[Media Queries Level 4]]
([TIME[2017-05-19 22:41:51 +09:00]])
<https://www.w3.org/TR/2017/WD-mediaqueries-4-20170519/>

[41] [CITE@en['''['''CSSWG''']''''''['''mediaqueries-4''']''' Last Call for Comments on Media Queries Level 4]]
([[Florian Rivoal]]著, [TIME[2017-05-20 00:11:05 +09:00]])
<https://lists.w3.org/Archives/Public/www-style/2017May/0033.html>

[42] [CITE@en[Gmail Supported CSS Properties & Media Queries  |  Gmail & Inbox Sender Resources  |  Google Developers]]
([TIME[2016-09-15 03:56:00 +09:00]])
<https://developers.google.com/gmail/design/reference/supported_css>

[43] [CITE@en[Media Queries Level 4]]
([TIME[2017-09-05 22:42:54 +09:00]])
<https://www.w3.org/TR/2017/CR-mediaqueries-4-20170905/>

Historical Legal Sensitive Parent: [Help / License]

Edit

Page

Page name(s)