{"json_modified": "2016-10-20T05:00:51.635336", "uuid": "b8c91a1c-eb61-4e82-b72b-b57939b06afe", "title": "Responsive Design Mode", "url": "/en-US/docs/Tools/Responsive_Design_Mode", "tags": ["Tools", "Firefox", "Guide", "Design", "Responsive Design", "l10n:priority", "Dev Tools", "Web Development"], "translations": [{"uuid": "178b5e47-b8ff-43d0-959f-982c3f9e7fbb", "title": "Bildschirmgr\u00f6\u00dfen testen", "url": "/de/docs/Tools/bildschirmgroessen-testen", "tags": [], "summary": "<a href=\"/en-US/docs/Web_Development/Responsive_Web_design\">Responsive Designs</a> passen sich an verschiedene Bildschirmgr\u00f6\u00dfen an um auf verschiedenen Arten von Ger\u00e4ten, wie zum Beispiel Mobilger\u00e4te oder Tablets, angemessen dargestellt zu werden. Die Ansicht \"Bildschirmgr\u00f6\u00dfen testen\" macht es einfach zu sehen, wie Ihre Webseite oder Web-App auf verschiedenen Bildschirmgr\u00f6\u00dfen aussehen wird.", "localization_tags": [], "locale": "de", "last_edit": "2014-04-06T00:15:01", "review_tags": []}, {"uuid": "ec312e38-64b7-470c-93f4-4c7f70df6a5e", "title": "Responsive Design View", "url": "/es/docs/Tools/Responsive_Design_View", "tags": [], "summary": "La vista de Dise\u00f1o Adaptable hace que sea f\u00e1cil ver c\u00f3mo sus dise\u00f1os se ver\u00e1n en diferentes tama\u00f1os de pantallas. <a href=\"/en-US/docs/Web_Development/Responsive_Web_design\">Dise\u00f1o Adaptable</a> se adapta a diferentes tama\u00f1os de pantalla para proporcionar una presentac\u00f3n adecuada para diferentes tipos de dispositivos, tel\u00e9fonos m\u00f3viles. La captura de pantalla siguiente es un ejemplo de la p\u00e1gina web <a href=\"https://mozilla.org\" title=\"/en-US/docs/Localizing_extension_metadata_on_addons.mozilla.org\">mozilla.org</a> vista con un \u00e1rea de contenido 320 por 480.", "localization_tags": [], "locale": "es", "last_edit": "2014-10-01T13:50:53", "review_tags": []}, {"uuid": "9f1f85c1-08bc-481a-85e0-b7854136e144", "title": "Vue adaptative", "url": "/fr/docs/Outils/Vue_adaptative", "tags": ["Mobile", "Tools", "Firefox", "Web Development", "Responsive Design"], "summary": "La capture d\u2019\u00e9cran ci-dessous montre une page de la version mobile de Wikip\u00e9dia, vue dans une zone de contenu de 320\u00d7480.", "localization_tags": [], "locale": "fr", "last_edit": "2016-10-05T11:35:40", "review_tags": []}, {"uuid": "b2bb0fc0-87c6-4936-b775-a5be4f1b9c9f", "title": "\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30c7\u30b6\u30a4\u30f3\u30e2\u30fc\u30c9", "url": "/ja/docs/Tools/Responsive_Design_Mode", "tags": ["Tools", "Firefox", "Guide", "Design", "Responsive Design", "l10n:priority", "Dev Tools", "Web Development"], "summary": "<a href=\"/ja/docs/Web_Development/Responsive_Web_design\">\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30c7\u30b6\u30a4\u30f3</a>\u306f\u3001\u643a\u5e2f\u96fb\u8a71\u3084\u30bf\u30d6\u30ec\u30c3\u30c8\u306e\u3088\u3046\u306a\u3055\u307e\u3056\u307e\u306a\u30c7\u30d0\u30a4\u30b9\u306b\u9069\u3057\u305f\u4f53\u88c1\u3092\u63d0\u4f9b\u3059\u308b\u305f\u3081\u3001\u3055\u307e\u3056\u307e\u306a\u30b9\u30af\u30ea\u30fc\u30f3\u30b5\u30a4\u30ba\u306b\u9069\u5fdc\u3057\u307e\u3059\u3002\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30c7\u30b6\u30a4\u30f3\u30e2\u30fc\u30c9\u306f\u3001Web \u30b5\u30a4\u30c8\u3084 Web \u30a2\u30d7\u30ea\u304c\u3055\u307e\u3056\u307e\u306a\u30b9\u30af\u30ea\u30fc\u30f3\u30b5\u30a4\u30ba\u3067\u3069\u306e\u3088\u3046\u306b\u898b\u3048\u308b\u304b\u306e\u78ba\u8a8d\u3092\u5bb9\u6613\u306b\u3057\u307e\u3059\u3002", "localization_tags": [], "locale": "ja", "last_edit": "2016-10-20T05:00:50", "review_tags": []}, {"uuid": "c436c6c0-b4cd-48e9-8380-98fa410c2e09", "title": "Responsive Design View", "url": "/nl/docs/Tools/Responsive_Design_View", "tags": [], "summary": "<a href=\"/en-US/docs/Web_Development/Responsive_Web_design\">Responsive design</a> past zich aan verschillende beeldgroottes aan om een presentatie te voorzien dat werkt voor verschillende soorten apparaten, zoals mobiele telefoons of tablets. Het Responsive Design View maakt het gemakkelijk om te zien hoe jouw website of app er zou uitzien op verschillende beeldgroottes.", "localization_tags": ["inprogress"], "locale": "nl", "last_edit": "2015-04-22T20:41:25", "review_tags": []}, {"uuid": "60049f01-6e30-4243-8b18-cbae5251a1b8", "title": "Modo Design Adapt\u00e1vel", "url": "/pt-BR/docs/Tools/Modo_Design_Adaptavel", "tags": ["Tools", "Firefox", "Gu\u00eda", "Desenvolvimento Web", "Guide", "Guia", "I10n:priority", "Design Responsivo", "Ferramentas", "Responsive Design", "Design Adapt\u00e1vel", "Ferramentas de Desenvolvimento", "Design"], "summary": "<img alt=\"\" src=\"https://mdn.mozillademos.org/files/6137/responsive-design-view.png\"/>", "localization_tags": [], "locale": "pt-BR", "last_edit": "2015-04-24T20:02:40", "review_tags": []}, {"uuid": "04376ce8-4f32-4517-a67d-e7ee162b3cb5", "title": "\u0420\u0435\u0436\u0438\u043c \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0430", "url": "/ru/docs/Tools/Responsive_Design_View", "tags": ["Tools", "\u0414\u0438\u0437\u0430\u0439\u043d", "Firefox", "\u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438", "Guide", "Design", "l10n:priority", "Web Development", "\u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u044b\u0439 \u0434\u0438\u0437\u0430\u0439\u043d"], "summary": "<a href=\"/ru/docs/Web_Development/Responsive_Web_design\">\u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u044b\u0435 \u0434\u0438\u0437\u0430\u0439\u043d\u044b </a>(<a href=\"/en-US/docs/Web_Development/Responsive_Web_design\">Responsive designs</a>)\u00a0 \u0430\u0434\u0430\u043f\u0442\u0438\u0440\u0443\u044e\u0442\u0441\u044f \u043a \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u043c \u0440\u0430\u0437\u043c\u0435\u0440\u0430\u043c \u044d\u043a\u0440\u0430\u043d\u0430, \u0447\u0442\u043e\u0431\u044b \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0442\u044c \u043f\u043e\u0434\u0445\u043e\u0434\u044f\u0449\u0435\u0435 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0445 \u0432\u0438\u0434\u043e\u0432 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432, \u0442\u0430\u043a\u0438\u0445 \u043a\u0430\u043a \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0435 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u044b \u0438\u043b\u0438 \u043f\u043b\u0430\u043d\u0448\u0435\u0442\u044b. \u0420\u0435\u0436\u0438\u043c \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0430 \u0434\u0430\u0451\u0442 \u043b\u0435\u0433\u043a\u0443\u044e \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0443\u0432\u0438\u0434\u0435\u0442\u044c, \u043a\u0430\u043a \u0432\u0430\u0448 \u0441\u0430\u0439\u0442 \u0438\u043b\u0438 \u0432\u0435\u0431-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0430\u0445 \u0440\u0430\u0437\u043d\u044b\u0445 \u0440\u0430\u0437\u043c\u0435\u0440\u043e\u0432.", "localization_tags": [], "locale": "ru", "last_edit": "2015-05-23T13:50:45", "review_tags": []}, {"uuid": "e956594a-cadb-4c9f-979c-0336dce1ed8b", "title": "\u54cd\u5e94\u5f0f\u8bbe\u8ba1\u89c6\u56fe", "url": "/zh-CN/docs/Tools/Responsive_Design_View", "tags": [], "summary": "<a href=\"/zh-CN/docs/Web_Development/Responsive_Web_design\">\u54cd\u5e94\u5f0f\u8bbe\u8ba1</a>\u91c7\u7528\u4e0d\u540c\u7684\u5c4f\u5e55\u5c3a\u5bf8\u6765\u5448\u73b0\u5728\u5404\u79cd\u8bbe\u5907\uff08\u4f8b\u5982\u79fb\u52a8\u7535\u8bdd\u6216\u8005\u5e73\u677f\u7535\u8111\uff09\u4e0b\u7684\u53ef\u89c6\u60c5\u51b5\u3002\u54cd\u5e94\u5f0f\u8bbe\u8ba1\u89c6\u56fe\u4f7f\u60a8\u53ef\u4ee5\u5f88\u5bb9\u6613\u5730\u770b\u5230\u60a8\u7684\u7f51\u7ad9\u6216\u8005\u7f51\u7ad9app\u5728\u4e0d\u540c\u5c4f\u5e55\u5c3a\u5bf8\u4e0b\u7684\u5916\u89c2\u3002", "localization_tags": [], "locale": "zh-CN", "last_edit": "2015-04-26T08:41:16", "review_tags": []}], "modified": "2016-10-17T06:08:44", "label": "Responsive Design Mode", "localization_tags": [], "locale": "en-US", "id": 54683, "last_edit": "2016-03-10T11:54:04", "summary": "<a href=\"/en-US/docs/Web_Development/Responsive_Web_design\">Responsive designs</a> adapt to different screen sizes to provide a presentation that is suitable for different kinds of devices, such as mobile phones or tablets. Responsive Design Mode makes it easy to see how your website or web app will look on different screen sizes.", "sections": [{"id": "Enabling_and_disabling", "title": "Enabling and disabling"}, {"id": "Resizing", "title": "Resizing"}, {"id": "Responsive_Design_Mode_controls", "title": "Responsive Design Mode controls"}], "slug": "Tools/Responsive_Design_Mode", "review_tags": []}