{"json_modified": "2016-10-19T11:02:58.109170", "uuid": "0eedd85c-d434-42ff-a343-34282de89835", "title": "Using media queries", "url": "/en-US/docs/Web/CSS/Media_Queries/Using_media_queries", "tags": ["NeedsMobileBrowserCompatibility", "NeedsBrowserCompatibility", "CSS", "Advanced", "Responsive Design", "Web", "Guide", "Media Queries"], "translations": [{"uuid": "5503cf86-e342-4f79-97c5-80f324d93b18", "title": "CSS media queries", "url": "/ar/docs/Web/Guide/CSS/Media_queries", "tags": [], "summary": "A <strong>media query</strong> consists of a media type and at least one expression that limits the style sheets' scope by using media features, such as width, height, and color. Media queries, added in <a href=\"/en-US/docs/CSS/CSS3\" title=\"/en-US/docs/CSS/CSS3\">CSS3</a>, let the presentation of content be tailored to a specific range of output devices without having to change the content itself.", "localization_tags": ["inprogress"], "locale": "ar", "last_edit": "2016-10-18T23:45:12", "review_tags": []}, {"uuid": "4d766762-7167-4f83-bad6-48694d27770d", "title": "Using media queries", "url": "/de/docs/Web/CSS/Media_Queries/Using_media_queries", "tags": ["NeedsTranslation"], "summary": "A <strong>media query</strong> consists of a media type and at least one expression that limits the style sheets' scope by using media features, such as width, height, and color. Media queries, added in <a href=\"/en-US/docs/CSS/CSS3\" title=\"/en-US/docs/CSS/CSS3\">CSS3</a>, let the presentation of content be tailored to a specific range of output devices without having to change the content itself.", "localization_tags": ["inprogress"], "locale": "de", "last_edit": "2016-10-18T23:32:54", "review_tags": []}, {"uuid": "94cb05b7-2761-47ea-bb79-1da22561578f", "title": "CSS media queries", "url": "/es/docs/CSS/Media_queries", "tags": [], "summary": "Una <strong>media query</strong> consiste en un tipo de medio y al menos una consulta que limita las hojas de estilo utilizando caracter\u00edsticas del medio como ancho, alto y color. Se entiende como un m\u00f3dulo\u00a0CSS3\u00a0que permite adaptar la representaci\u00f3n del contenido a caracter\u00edsticas del dispositivo.\u00a0A\u00f1adido en <a href=\"/en-US/docs/CSS/CSS3\" title=\"/en-US/docs/CSS/CSS3\">CSS3</a>, las media queries dejan que la presentaci\u00f3n del contenido se adapte a un rango espec\u00edfico de dispositivos de salida sin tener que cambiar el contenido en s\u00ed.", "localization_tags": [], "locale": "es", "last_edit": "2016-10-18T23:41:19", "review_tags": ["technical"]}, {"uuid": "95e797c5-5402-4d08-bb0a-1069cf9eabf0", "title": "Media queries", "url": "/fr/docs/Web/CSS/Requ%C3%AAtes_m%C3%A9dia/Utiliser_les_Media_queries", "tags": ["CSS", "R\u00e9f\u00e9rence", "Avanc\u00e9", "Guide"], "summary": "Une <strong>media query</strong> (ou <strong>requ\u00eate m\u00e9dia</strong><strong>)</strong> consiste en un type de m\u00e9dia, et au moins une expression limitant la port\u00e9e des d\u00e9clarations CSS, en mettant \u00e0 profit les particularit\u00e9s des supports multim\u00e9dias comme leur largeur, leur hauteur ou leur affichage des couleurs. Ajout\u00e9 dans CSS3, les media queries permettent d'adapter la pr\u00e9sentation du contenu \u00e0 une large gamme d'appareils sans changer le contenu lui-m\u00eame.", "localization_tags": [], "locale": "fr", "last_edit": "2016-10-19T11:02:35", "review_tags": []}, {"uuid": "085b4436-6745-426a-baae-da00366c62ad", "title": "Media query CSS", "url": "/id/docs/Web/Guide/CSS/Media_queries", "tags": [], "summary": "M<strong>edia query</strong>\u00a0terdiri dari jenis media dan paling sedikit satu ekspresi yang membatasi lingkup style sheets dengan menggunakan fitur media, seperti lebar, tinggi, dan warna. Media query, ditambahkan di\u00a0<a href=\"/en-US/docs/CSS/CSS3\" title=\"/en-US/docs/CSS/CSS3\">CSS3</a>, memungkinkan tampilan konten disesuaikan dengan alat penampil tertentu tanpa harus mengubah konten itu sendiri.", "localization_tags": [], "locale": "id", "last_edit": "2016-10-18T23:37:47", "review_tags": []}, {"uuid": "fda3e7a3-9f81-495a-9b21-959409f954b5", "title": "\u30e1\u30c7\u30a3\u30a2\u30af\u30a8\u30ea\u306e\u5229\u7528", "url": "/ja/docs/Web/CSS/Media_Queries/Using_media_queries", "tags": ["CSS", "Responsive Design", "Web", "Media Queries"], "summary": "<strong>\u30e1\u30c7\u30a3\u30a2\u30af\u30a8\u30ea</strong> \u306f\u3001\u30e1\u30c7\u30a3\u30a2\u30bf\u30a4\u30d7\u306a\u3089\u3073\u306b\u3001\u6a2a\u5e45\u30fb\u9ad8\u3055\u30fb\u8272\u306a\u3069\u306e\u30e1\u30c7\u30a3\u30a2\u7279\u6027\u3092\u7528\u3044\u3066\u30b9\u30bf\u30a4\u30eb\u30b7\u30fc\u30c8\u306e\u9069\u7528\u7bc4\u56f2\u3092\u5236\u5fa1\u3059\u308b\u5f0f\uff08\u4e00\u3064\u4ee5\u4e0a\uff09\u304b\u3089\u69cb\u6210\u3055\u308c\u307e\u3059\u3002<a href=\"/ja/docs/CSS/CSS3\" title=\"/en-US/docs/CSS/CSS3\">CSS3</a> \u3067\u8ffd\u52a0\u3055\u308c\u305f\u30e1\u30c7\u30a3\u30a2\u30af\u30a8\u30ea\u3092\u7528\u3044\u308b\u3068\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u5404\u30c7\u30d0\u30a4\u30b9\u306e\u51fa\u529b\u5e45\u306b\u5408\u308f\u305b\u3066\u8868\u793a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u305d\u306e\u3082\u306e\u3092\u500b\u5225\u306b\u8abf\u6574\u3059\u308b\u5fc5\u8981\u304c\u306a\u304f\u306a\u308a\u307e\u3059\u3002", "localization_tags": [], "locale": "ja", "last_edit": "2016-10-18T23:39:49", "review_tags": []}, {"uuid": "4a534d19-81a0-4aec-ad18-d4d67cd9db2f", "title": "CSS media queries", "url": "/ko/docs/Web/Guide/CSS/Media_queries", "tags": [], "summary": "<strong>media query</strong>\ub294 media type\uacfc \uc801\uc5b4\ub3c4 \ud558\ub098 \uc774\uc0c1\uc758 expression\uc73c\ub85c \uad6c\uc131\ub418\ub294\ub370 width, height, \uadf8\ub9ac\uace0 color\uc640 \uac19\uc740 media feature\ub4e4\uc744 \uc774\uc6a9\ud55c expression\uc744 \ud1b5\ud574 style sheet\ub4e4\uc758 \uc801\uc6a9 \ubc94\uc704\ub97c \ud55c\uc815\ud560 \uc218 \uc788\ub2e4. Media query\ub294\u00a0", "localization_tags": ["inprogress"], "locale": "ko", "last_edit": "2016-10-18T23:43:23", "review_tags": []}, {"uuid": "749fc8fd-adc4-4039-872a-e990d2089378", "title": "Using media queries", "url": "/pl/docs/Web/CSS/Media_Queries/Using_media_queries", "tags": [], "summary": "A <strong>media query</strong> consists of a media type and at least one expression that limits the style sheets' scope by using media features, such as width, height, and color. Media queries, added in <a href=\"/en-US/docs/CSS/CSS3\" title=\"/en-US/docs/CSS/CSS3\">CSS3</a>, let the presentation of content be tailored to a specific range of output devices without having to change the content itself.", "localization_tags": ["inprogress"], "locale": "pl", "last_edit": "2016-10-18T23:47:58", "review_tags": []}, {"uuid": "ef1e357b-24b3-4a0e-a032-07185d0b93ed", "title": "Usando Media Queries", "url": "/pt-BR/docs/Web/Guide/CSS/CSS_Media_queries", "tags": ["CSS", "Desenho Responsivo", "Design Responsivo"], "summary": " <a href=\"/en-US/docs/CSS/CSS3\" title=\"/en-US/docs/CSS/CSS3\">CSS3</a>, ", "localization_tags": ["inprogress"], "locale": "pt-BR", "last_edit": "2016-10-18T23:46:32", "review_tags": ["editorial"]}, {"uuid": "a94b96e2-2fc7-4444-b9d9-552993e7d1e1", "title": "Consulta de m\u00eddia", "url": "/pt-PT/docs/Web/CSS/Consulta_de_m%C3%ADdia", "tags": [], "summary": "O CSS 3 aumenta o suporte a folhas de estilo dependentes de m\u00eddia deixando-as mais precisamente marcadas. Uma consulta de m\u00eddia consiste em um tipo de m\u00eddia e em \u00faltimo caso uma express\u00e3o que limita o escopo das folhas de estilo usando recursos de m\u00eddia, tais como largura, altura e cor. Consultas de m\u00eddia deixam a apresenta\u00e7\u00e3o do conte\u00fado adaptar-se a uma faixa espec\u00edfica de dispositivos de sa\u00edda sem ter que mudar o conte\u00fado.", "localization_tags": [], "locale": "pt-PT", "last_edit": "2016-03-01T13:15:25", "review_tags": []}, {"uuid": "fcef67da-2f95-4054-a7b3-cc7757e69442", "title": "CSS\u5a92\u4f53\u67e5\u8be2", "url": "/zh-CN/docs/Web/Guide/CSS/Media_queries", "tags": ["CSS", "CSS3", "CSS Reference", "\u5a92\u4f53\u67e5\u8be2"], "summary": "\u5a92\u4f53\u67e5\u8be2 \u5305\u542b\u4e86\u4e00\u4e2a\u5a92\u4f53\u7c7b\u578b\u548c\u81f3\u5c11\u4e00\u4e2a\u4f7f\u7528\u5982\u5bbd\u5ea6\u3001\u9ad8\u5ea6\u548c\u989c\u8272\u7b49\u5a92\u4f53\u5c5e\u6027\u6765\u9650\u5236\u6837\u5f0f\u8868\u8303\u56f4\u7684\u8868\u8fbe\u5f0f\u3002", "localization_tags": [], "locale": "zh-CN", "last_edit": "2016-10-18T23:35:53", "review_tags": []}], "modified": "2016-10-18T23:49:44", "label": "Using media queries", "localization_tags": [], "locale": "en-US", "id": 1697, "last_edit": "2016-10-18T23:49:25", "summary": "A <strong>media query</strong> consists of an optional media type and zero or more expressions that limit the style sheets' scope by using media features, such as width, height, and color. Media queries, added in <a href=\"/en-US/docs/CSS/CSS3\">CSS3</a>, let the presentation of content be tailored to a specific range of output devices without having to change the content itself.", "sections": [{"id": "Syntax", "title": "Syntax"}, {"id": "Logical_operators", "title": "Logical operators"}, {"id": "and", "title": "and"}, {"id": "comma-separated_lists", "title": "comma-separated lists"}, {"id": "not", "title": "not"}, {"id": "only", "title": "only"}, {"id": "Pseudo-BNF", "title": "Pseudo-BNF"}, {"id": "Media_features", "title": "Media features"}, {"id": "color", "title": "color"}, {"id": "Examples", "title": "Examples"}, {"id": "color-index", "title": "color-index"}, {"id": "Examples_2", "title": "Examples"}, {"id": "aspect-ratio", "title": "aspect-ratio"}, {"id": "Example", "title": "Example"}, {"id": "device-aspect-ratio", "title": "device-aspect-ratio"}, {"id": "Example_2", "title": "Example"}, {"id": "device-height", "title": "device-height"}, {"id": "Example_3", "title": "Example"}, {"id": "device-width", "title": "device-width"}, {"id": "Example_4", "title": "Example"}, {"id": "grid", "title": "grid"}, {"id": "Example_5", "title": "Example"}, {"id": "height", "title": "height"}, {"id": "monochrome", "title": "monochrome"}, {"id": "Examples_3", "title": "Examples"}, {"id": "orientation", "title": "orientation"}, {"id": "Example_6", "title": "Example"}, {"id": "resolution", "title": "resolution"}, {"id": "Example_7", "title": "Example"}, {"id": "scan", "title": "scan"}, {"id": "Example_8", "title": "Example"}, {"id": "width", "title": "width"}, {"id": "Examples_4", "title": "Examples"}, {"id": "Mozilla-specific_media_features", "title": "Mozilla-specific media features"}, {"id": "-moz-mac-graphite-theme", "title": "-moz-mac-graphite-theme"}, {"id": "-moz-maemo-classic", "title": "-moz-maemo-classic"}, {"id": "-moz-device-pixel-ratio", "title": "-moz-device-pixel-ratio"}, {"id": "-moz-os-version", "title": "-moz-os-version"}, {"id": "-moz-scrollbar-end-backward", "title": "-moz-scrollbar-end-backward"}, {"id": "-moz-scrollbar-end-forward", "title": "-moz-scrollbar-end-forward"}, {"id": "-moz-scrollbar-start-backward", "title": "-moz-scrollbar-start-backward"}, {"id": "-moz-scrollbar-start-forward", "title": "-moz-scrollbar-start-forward"}, {"id": "-moz-scrollbar-thumb-proportional", "title": "-moz-scrollbar-thumb-proportional"}, {"id": "-moz-touch-enabled", "title": "-moz-touch-enabled"}, {"id": "Example_9", "title": "Example"}, {"id": "-moz-windows-classic", "title": "-moz-windows-classic"}, {"id": "-moz-windows-compositor", "title": "-moz-windows-compositor"}, {"id": "-moz-windows-default-theme", "title": "-moz-windows-default-theme"}, {"id": "-moz-windows-glass", "title": "-moz-windows-glass"}, {"id": "-moz-windows-theme", "title": "-moz-windows-theme"}, {"id": "WebKit_media_features", "title": "WebKit media features"}, {"id": "-webkit-transform-3d", "title": "-webkit-transform-3d"}, {"id": "-webkit-transform-2d", "title": "-webkit-transform-2d"}, {"id": "-webkit-transition", "title": "-webkit-transition"}, {"id": "Browser_compatibility", "title": "Browser compatibility"}, {"id": "See_also", "title": "See also"}], "slug": "Web/CSS/Media_Queries/Using_media_queries", "review_tags": []}