{"json_modified": "2015-08-24T11:18:49.191189", "slug": "Mozilla/Mobile/Viewport_meta_tag", "tags": [], "locale": "pt-BR", "title": "Usando a meta tag viewport para controlar o layout em navegadores de dispositivos m\u00f3veis", "translations": [{"title": "Using the viewport meta tag to control layout on mobile browsers", "url": "/en-US/docs/Mozilla/Mobile/Viewport_meta_tag", "tags": ["Mobile", "NeedsUpdate", "MakeBrowserAgnostic", "Layout"], "summary": "The upcoming release of <a class=\"link-https\" href=\"https://wiki.mozilla.org/Mobile/Fennec\">Mobile Firefox (Fennec)</a> 1.1 features improved support for the <a href=\"/en-US/docs/Web/HTML/Element/meta#Attributes\"><code>&lt;meta name=\"viewport\"&gt;</code></a> tag. Previous versions of Fennec supported the <code>width</code>, <code>height</code>, and <code>initial-scale</code> viewport properties, but had <a class=\"external\" href=\"https://starkravingfinkle.org/blog/2010/01/perils-of-the-viewport-meta-tag/\">problems</a> with some sites designed for iPhone and Android browsers. We now support the same properties Mobile Safari does, and we also changed Fennec to render mobile sites more consistently on screens of different sizes and resolutions.", "localization_tags": [], "locale": "en-US", "last_edit": "2015-08-07T07:27:56", "review_tags": []}, {"title": "\u5728\u79fb\u52a8\u6d4f\u89c8\u5668\u4e2d\u4f7f\u7528viewport\u5143\u6807\u7b7e\u63a7\u5236\u5e03\u5c40", "url": "/zh-CN/docs/Mobile/Viewport_meta_tag", "tags": [], "summary": "<a class=\"link-https\" href=\"https://wiki.mozilla.org/Mobile/Fennec\" style=\"line-height: inherit;\">Mobile Firefox (Fennec)</a><span style=\"line-height: inherit;\"> 1.1 \u589e\u5f3a\u4e86\u5bf9</span><code style=\"font-size: 14px; line-height: inherit;\">&lt;meta name=\"viewport\"&gt;</code><span style=\"line-height: inherit;\">\u00a0\u6807\u7b7e\u7684\u652f\u6301\u3002 \u6b64\u524d\u7248\u672c\u7684</span><span style=\"line-height: inherit;\">Fennec\u652f\u6301</span><code style=\"font-size: 14px; line-height: inherit;\">width\u3001</code><code style=\"font-size: 14px; line-height: inherit;\">height<font face=\"Open Sans, sans-serif\">\u53ca</font></code><code style=\"font-size: 14px; line-height: inherit;\">initial-scale\u8fd9\u4e9b</code><span style=\"line-height: inherit;\">viewport\u5c5e\u6027\uff0c\u7136\u800c\u5bf9\u4e8e\u9488\u5bf9iPhone\u53caAndroid\u6d4f\u89c8\u5668\u8bbe\u8ba1\u7684\u7ad9\u70b9\u7684\u652f\u6301\u5b58\u5728<a href=\"https://starkravingfinkle.org/blog/2010/01/perils-of-the-viewport-meta-tag/\" title=\"https://starkravingfinkle.org/blog/2010/01/perils-of-the-viewport-meta-tag/\">\u95ee\u9898</a>\u3002</span><span style=\"line-height: inherit;\">\u73b0\u5728\u6211\u4eec\u548cMobile Safari\u652f\u6301\u540c\u6837\u7684\u5c5e\u6027\uff0c\u5e76\u4e14\u6211\u4eec\u8ba9Fennec\u5728\u5c3a\u5bf8\u53ca\u5206\u8fa8\u7387\u5404\u5f02\u7684\u5c4f\u5e55\u4e0a\u6e32\u67d3\u79fb\u52a8\u7ad9\u70b9\u65f6\u66f4\u5177\u4e00\u81f4\u6027\u3002</span>", "localization_tags": [], "locale": "zh-CN", "last_edit": "2014-08-18T20:15:22", "review_tags": []}, {"title": "Utiliser la balise meta viewport pour contr\u00f4ler la mise en page sur les navigateurs mobiles", "url": "/fr/docs/Mozilla/Mobile/Balise_meta_viewport", "tags": [], "summary": "Les nouvelles fonctionnalit\u00e9s de la version \u00e0 venir de <a class=\"link-https\" href=\"https://wiki.mozilla.org/Mobile/Fennec\">Firefox Mobile (Fennec)</a>,\u00a01.1, ont am\u00e9lior\u00e9 le support pour la balise\u00a0<code>&lt;meta name=\"viewport\"&gt;</code>. Les versions pr\u00e9c\u00e9dentes supportaient les propri\u00e9t\u00e9s <code>width</code>, <code>height</code>, et\u00a0<code>initial-scale</code>\u00a0de la balise\u00a0<em>viewport</em>, mais \u00e9taient\u00a0<a class=\"external\" href=\"https://starkravingfinkle.org/blog/2010/01/perils-of-the-viewport-meta-tag/\">probl\u00e9matiques</a>\u00a0avec certains sites pr\u00e9vus pour les navigateurs iPhone et Android. Nous supportons d\u00e9sormais les m\u00eames propri\u00e9t\u00e9s que Safari Mobile, et nous avons \u00e9galement am\u00e9lior\u00e9 Fennec pour permettre au rendu d'\u00eatre plus coh\u00e9rent entre les diff\u00e9rentes tailles et r\u00e9solutions d'\u00e9crans.", "localization_tags": [], "locale": "fr", "last_edit": "2013-12-13T10:12:01", "review_tags": []}, {"title": "Usando la etiqueta meta viewport para controlar la composici\u00f3n en los navegadores m\u00f3viles", "url": "/es/docs/M%C3%B3vil/Viewport_meta_tag", "tags": [], "summary": "El pr\u00f3ximo lanzamiendo de <a class=\"link-https\" href=\"https://wiki.mozilla.org/Mobile/Fennec\">Mobile Firefox (Fennec)</a> 1.1 se han mejorado caracter\u00edsticas para el soporte de la etiqueta <a href=\"/en-US/docs/Web/HTML/Element/meta#Attributes\"><code>&lt;meta name=\"viewport\"&gt;</code></a>. Versiones anteriores de Fennec soportaban las propiedades de <em>viewport</em> <code>width</code>, <code>height</code>, y <code>initial-scale</code>, pero hubo <a class=\"external\" href=\"https://starkravingfinkle.org/blog/2010/01/perils-of-the-viewport-meta-tag/\">problemas</a> con algunos sitios dise\u00f1ados para navegadores de iPhone y Android. Ahora soportamos las mismas propiedades que Mobile Safari, y tambien hemos cambiado Fennec para renderizar los sitios web m\u00f3viles de manera m\u00e1s consistente en pantallas de diferentes tama\u00f1os y resoluciones.", "localization_tags": ["inprogress"], "locale": "es", "last_edit": "2015-06-22T06:18:57", "review_tags": ["technical", "editorial"]}, {"title": "viewport meta \ud0dc\uadf8\ub97c \uc774\uc6a9\ud574 \ubaa8\ubc14\uc77c \ube0c\ub77c\uc6b0\uc800\uc0c1\uc5d0\uc11c \ub808\uc774\uc544\uc6c3 \uc870\uc885\ud558\ub294 \ubc95", "url": "/ko/docs/Mozilla/Mobile/Viewport_meta_tag", "tags": ["\ubaa8\ubc14\uc77c", "\uc5c5\ub370\uc774\ud2b8\uc694\ub9dd"], "summary": "\uc55e\uc73c\ub85c \uacf5\uac1c\ub420 <a class=\"link-https\" href=\"https://wiki.mozilla.org/Mobile/Fennec\">Mobile Firefox (Fennec)</a> 1.1 \uc5d0\ub294 \uac1c\uc120\ub41c <a href=\"/en-US/docs/Web/HTML/Element/meta#Attributes\"><code>&lt;meta name=\"viewport\"&gt;</code></a> \ud0dc\uadf8\ub97c \uc9c0\uc6d0\ud55c\ub2e4. \uc774\uc804 \ubc84\uc804\uc758 Fennec\uc5d0\uc11c viewport \uc18d\uc131(property)\uc73c\ub85c <code>width</code>, <code>height</code>, \uadf8\ub9ac\uace0 <code>initial-scale</code> \uac00 \uc9c0\uc6d0\ub418\uae34 \ud588\uc9c0\ub9cc iphone\uacfc android \ube0c\ub77c\uc6b0\uc800\uc5d0 \ub9de\ucd94\uc5b4 \ub514\uc790\uc778\ub41c \uba87\uba87 \uc0ac\uc774\ud2b8\uc5d0\uc11c \ubb38\uc81c\uac00 \uc788\uc5c8\ub2e4. \uc774\uc81c \ubaa8\ubc14\uc77c safari \uc5d0\uc11c\ub3c4 \uac19\uc740 \uc18d\uc131\ub4e4\uc774 \uc9c0\uc6d0\ub418\uba70, Fennec\uc744 \uace0\uccd0\uc11c \uc5ec\ub7ec\uac00\uc9c0 \ud654\uba74\ud06c\uae30\uc640 \ub2e4\ub978 \ud574\uc0c1\ub3c4\uc5d0\uc11c\ub3c4 \ubaa8\ubc14\uc77c \uc0ac\uc774\ud2b8\ub4e4\uc774 \ubb38\uc81c\uc5c6\uc774 \ub098\ud0c0\ub098\ub3c4\ub85d \ud588\ub2e4.", "localization_tags": ["inprogress"], "locale": "ko", "last_edit": "2015-08-17T17:14:56", "review_tags": []}, {"title": "Using the viewport meta tag to control layout on mobile browsers", "url": "/ro/docs/Mozilla/Mobile/Viewport_meta_tag", "tags": [], "summary": "Viitoarea versiune <a class=\"link-https\" href=\"https://wiki.mozilla.org/Mobile/Fennec\">Mobile Firefox (Fennec)</a> 1.1 aduce \u00eembun\u0103t\u0103\u021biri tag-ului\u00a0 <a href=\"/en-US/docs/Web/HTML/Element/meta#Attributes\"><code>&lt;meta name=\"viewport\"&gt;</code></a> . Versiunile anterioare Fennec includeau propriet\u0103\u021bi viewport precum <code>width</code>, <code>height</code>, and <code>initial-scale</code>\u00a0 dar aveau <a class=\"external\" href=\"https://starkravingfinkle.org/blog/2010/01/perils-of-the-viewport-meta-tag/\">probleme</a> cu anumite site-uri destinate browserelor iPhone \u0219i Android. \u00cen prezent accept\u0103m acelea\u0219i propriet\u0103\u021bi ca \u0219i ale Mobile Safari si, de asemenea, am schimbat Fennec pentru a reda site-urile mobile mai consistent pe ecrane cu dimensiuni \u0219i rezolu\u021bii diferite.", "localization_tags": ["inprogress"], "locale": "ro", "last_edit": "2014-09-21T03:42:01", "review_tags": []}, {"title": "\u30e2\u30d0\u30a4\u30eb\u30d6\u30e9\u30a6\u30b6\u3067\u306e\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u5236\u5fa1\u3059\u308b\u305f\u3081\u306b meta \u30bf\u30b0\u306e viewport \u3092\u4f7f\u3046", "url": "/ja/docs/Mobile/Viewport_meta_tag", "tags": [], "summary": "<a class=\"link-https\" href=\"https://wiki.mozilla.org/Mobile/Fennec\">Mobile Firefox (Fennec)</a> 1.1 \u306e\u6765\u305f\u308b\u30ea\u30ea\u30fc\u30b9\u3067\u306f\u3001 <a href=\"/en-US/docs/Web/HTML/Element/meta#Attributes\"><code>&lt;meta name=\"viewport\"&gt;</code></a> \u30bf\u30b0\u306e\u30b5\u30dd\u30fc\u30c8\u3092\u5f37\u5316\u3057\u3066\u3044\u307e\u3059\u3002Fennec \u306e\u524d\u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u3067\u306f\u3001width\u3001height\u3001\u305d\u3057\u3066 initial-scale \u3068\u3044\u3063\u305f\u30d3\u30e5\u30fc\u30dd\u30fc\u30c8\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3044\u307e\u3057\u305f\u3002\u3057\u304b\u3057\u3001iPhone \u3084 Android \u30d6\u30e9\u30a6\u30b6\u7528\u306b\u3064\u304f\u3089\u308c\u305f\u3044\u304f\u3064\u304b\u306e\u30b5\u30a4\u30c8\u3067\u306f<a class=\"external\" href=\"https://starkravingfinkle.org/blog/2010/01/perils-of-the-viewport-meta-tag/\">\u4e0d\u5177\u5408</a>\u304c\u51fa\u3066\u3044\u307e\u3057\u305f\u3002\u65b0\u3057\u3044\u30d0\u30fc\u30b8\u30e7\u30f3\u3067\u306f Mobile Safari \u306e\u540c\u69d8\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3057\u305f\u3002\u307e\u305f Fennec \u3067\u306f\u3001\u7570\u306a\u308b\u30b5\u30a4\u30ba\u3068\u89e3\u50cf\u5ea6\u306e\u753b\u9762\u3067\u3082\u3001\u30e2\u30d0\u30a4\u30eb\u30b5\u30a4\u30c8\u3092\u3088\u308a\u540c\u3058\u3088\u3046\u306b\u8868\u793a\u3067\u304d\u308b\u3088\u3046\u306b\u5909\u66f4\u3057\u307e\u3057\u305f\u3002", "localization_tags": ["inprogress"], "locale": "ja", "last_edit": "2015-05-30T23:23:05", "review_tags": []}], "modified": "2015-08-24T11:18:48", "label": "Usando a meta tag viewport para controlar o layout em navegadores de dispositivos m\u00f3veis", "localization_tags": [], "url": "/pt-BR/docs/Mozilla/Mobile/Viewport_meta_tag", "last_edit": "2015-04-30T06:28:27", "summary": "<span style=\"line-height: 1.5;\">A pr\u00f3xima vers\u00e3o do </span><a class=\"link-https\" href=\"https://wiki.mozilla.org/Mobile/Fennec\" style=\"line-height: 1.5;\">Mobile Firefox (Fennec)</a><span style=\"line-height: 1.5;\"> 1.1 trar\u00e1 suporte aprimorado para a tag\u00a0</span><code style=\"font-size: 14px;\">&lt;meta name=\"viewport\"&gt;</code><span style=\"line-height: 1.5;\">. Vers\u00f5es anteriores do Fennec suportam as propriedades\u00a0</span><code style=\"font-size: 14px;\">width</code><span style=\"line-height: 1.5;\">, </span><code style=\"font-size: 14px;\">height</code><span style=\"line-height: 1.5;\">, e\u00a0</span><code style=\"font-size: 14px;\">initial-scale\u00a0</code><span style=\"line-height: 1.5;\">da viewport, por\u00e9m, alguns sites projetados para iPhone e Android apresentam alguns\u00a0</span><a class=\"external\" href=\"https://starkravingfinkle.org/blog/2010/01/perils-of-the-viewport-meta-tag/\" style=\"line-height: 1.5;\">problemas</a><span style=\"line-height: 1.5;\">. Agora, suportamos as mesmas propriedades que as do Safari\u00a0</span><span style=\"line-height: 1.5;\">Mobile,</span><span style=\"line-height: 1.5;\">\u00a0al\u00e9m de termos tamb\u00e9m modificado o Fennec para renderizar os sites em dispositivos m\u00f3veis com telas de diferentes tamanhos e resolu\u00e7\u00f5es de forma mais consistente.</span>", "sections": [{"id": "Background", "title": "Background"}, {"id": "O_B\u00e1sico_sobre_a_viewport", "title": "O B\u00e1sico sobre a viewport"}, {"id": "Um_pixel_n\u00e3o_\u00e9_um_pixel", "title": null}, {"id": "Largura_da_viewport_e_largura_da_tela", "title": "Largura da viewport e largura da tela"}, {"id": "Tamanhos_comuns_da_viewport_para_dispositivos_m\u00f3veis_e_tablets", "title": "Tamanhos comuns da viewport para dispositivos m\u00f3veis e tablets"}, {"id": "Padr\u00f5es", "title": "Padr\u00f5es"}], "id": 87969, "review_tags": []}