Added form element font-size tip 🚀

Author: AllThingsSmitty

README.md

@@ -38,6 +38,7 @@ A collection of tips to help take your CSS skills pro.
 1. [Use `rem` for Global Sizing; Use `em` for Local Sizing](#use-rem-for-global-sizing-use-em-for-local-sizing)
 1. [Hide Autoplay Videos That Aren't Muted](#hide-autoplay-videos-that-arent-muted)
 1. [Use `:root` for Flexible Type](#use-root-for-flexible-type)
+1. [Set `font-size` on Form Elements for a Better Mobile Experience](#set-font-size-on-form-elements-for-a-better-mobile-experience)
 
 
 ### Use `:not()` to Apply/Unapply Borders on Navigation
@@ -453,6 +454,24 @@ body {
 <sup>[back to table of contents](#table-of-contents)</sup>
 
 
+### Set `font-size` on Form Elements for a Better Mobile Experience
+
+To avoid mobile browsers (iOS Safari, _et al_.) from zooming in on HTML form elements when a `<select>` drop-down is tapped, add `font-size` to the selector rule:
+
+```css
+input[type="text"],
+input[type="number"],
+select,
+textarea {
+  font-size: 16px;
+}
+```
+
+:dancer:
+
+<sup>[back to table of contents](#table-of-contents)</sup>
+
+
 ## Support
 
 Current versions of Chrome, Firefox, Safari, Opera, Edge, and IE11.

translations/es-ES/README.md

@@ -39,6 +39,7 @@ Una colección de consejos para ayudar a llevar su pro habilidades CSS.
 1. [Use `rem` para Global Dimensionamiento; Use `em` para el dimensionamiento local](#use-rem-for-global-sizing-use-em-for-local-sizing)
 1. [Esconder Reproducción automática los vídeos que no estén anulados](#hide-autoplay-videos-that-arent-muted)
 1. [Utilizar `:root` para el tipo flexible](#use-root-for-flexible-type)
+1. [Ajuste `font-size` en el Formulario Elementos para una mejor experiencia móvil](#set-font-size-on-form-elements-for-a-better-mobile-experience)
 
 
 <div id="use-not-to-applyunapply-borders-on-navigation"></div>
@@ -270,7 +271,7 @@ Disposiciones de la tabla sin dolor.
 <div id="get-rid-of-margin-hacks-with-flexbox"></div>
 ### Deshacerse del margen Hacks Con Flexbox
 
-Cuando se trabaja con las canaletas de columna que puede deshacerse de `enésimo-`, `` primera y última `hacks-child` mediante el uso de la propiedad` espacio between` de Flexbox:
+Cuando se trabaja con las canaletas de columna que puede deshacerse de `nth-`, `first-` y `last-child` mediante el uso de la propiedad `space-between` de Flexbox:
 
 ```css
 .list {
@@ -453,7 +454,7 @@ Una vez más, nos estamos tomando ventaja de usar el [`:not()`](#use-not-to-appl
 <div id="use-root-for-flexible-type"></div>
 ### Utilizar `:root` para el tipo flexible
 
-El tamaño de tipo de letra en un diseño que responde debe ser capaz de ajustar con cada ventana. Se puede calcular el tamaño de la fuente basada en la altura y la anchura de la ventana gráfica usando `: root`:
+El tamaño de tipo de letra en un diseño que responde debe ser capaz de ajustar con cada ventana. Se puede calcular el tamaño de la fuente basada en la altura y la anchura de la ventana gráfica usando `:root`:
 
 ```css
 :root {
@@ -472,6 +473,25 @@ body {
 <sup>[volver al índice de contenidos](#table-of-contents)</sup>
 
 
+<div id="set-font-size-on-form-elements-for-a-better-mobile-experience"></div>
+### Ajuste `font-size` en el Formulario Elementos para una mejor experiencia móvil
+
+Para evitar los navegadores móviles (iOS Safari, _et al_.) De hacer zoom sobre los elementos de formulario HTML cuando un `<select>` desplegable se toca, agrega `font-size` a la regla de selección:
+
+```css
+input[type="text"],
+input[type="number"],
+select,
+textarea {
+  font-size: 16px;
+}
+```
+
+:dancer:
+
+<sup>[volver al índice de contenidos](#table-of-contents)</sup>
+
+
 ## Apoyo
 
 Las versiones actuales de Chrome, Firefox, Safari, Opera, Edge y IE11.

translations/fr-FR/README.md

@@ -39,6 +39,7 @@ Une collection de conseils pour aider à prendre vos compétences CSS pro.
 1. [Utilisez `rem` for Global Dimensionnement; Utilisez `em` pour Local Sizing](#use-rem-for-global-sizing-use-em-for-local-sizing)
 1. [Masquer les vidéos Autoplay qui ne sont pas Muted](#hide-autoplay-videos-that-arent-muted)
 1. [Utiliser `:root` de type flexible](#use-root-for-flexible-type)
+1. [Réglez `font-size` sur le formulaire éléments pour une expérience mobile mieux](#set-font-size-on-form-elements-for-a-better-mobile-experience)
 
 
 <div id="use-not-to-applyunapply-borders-on-navigation"></div>
@@ -195,7 +196,7 @@ SVG échelles bien pour tous les types de résolution et est pris en charge dans
 
 Il peut avoir un nom étrange, mais en utilisant le sélecteur universel (`*`) avec le sélecteur de frère adjacent (`+`) peut fournir une capacité de CSS puissante:
 
-``css
+```css
 * + * {
   margin-top: 1.5em;
 }
@@ -475,6 +476,25 @@ body {
 <sup>[retour à la table des matières](#table-of-contents)</sup>
 
 
+<div id="set-font-size-on-form-elements-for-a-better-mobile-experience"></div>
+### Réglez `font-size` sur le formulaire éléments pour une expérience mobile mieux
+
+Pour éviter les navigateurs mobiles (iOS Safari, _et al_.) De zoom sur des éléments de formulaire HTML quand un `<select>` déroulante est taraudé, ajoutez `font-size` à la règle de sélection:
+
+```css
+input[type="text"],
+input[type="number"],
+select,
+textarea {
+  font-size: 16px;
+}
+```
+
+:dancer:
+
+<sup>[retour à la table des matières](#table-of-contents)</sup>
+
+
 ## Soutien
 
 Les versions actuelles de Chrome, Firefox, Safari, Opera, Edge, et IE11.

translations/pt-BR/README.md

@@ -38,6 +38,7 @@ Uma coleção de dicas para elevar suas habilidades de CSS.
 1. [Use `rem` para Definir Tamanhos Globais; Use `em` para Definir Tamanhos Locais](#use-rem-para-definir-tamanhos-globais-use-em-para-definir-tamanhos-locais)
 1. [Esconda Vídeos em Autoplay Que Não Estejam no Mudo](#esconda-vídeos-em-autoplay-que-não-estejam-no-mudo)
 1. [Use `:root` para uma Typografia Flexível](#use-root-para-uma-typografia-flexível)
+1. [Defina `font-size` no Formulário Elementos para uma melhor experiência móvel](#set-font-size-on-form-elements-for-a-better-mobile-experience)
 
 
 ### Use `:not()` para Aplicar/Remover Bordas
@@ -453,6 +454,25 @@ body {
 <sup>[voltar ao índice](#table-of-contents)</sup>
 
 
+<div id="set-font-size-on-form-elements-for-a-better-mobile-experience"></div>
+### Defina `font-size` no Formulário Elementos para uma melhor experiência móvel
+
+Para evitar navegadores móveis (iOS Safari, _et al_.) A partir de zoom em elementos de formulário HTML quando um `<select>` suspensa é aproveitado, adicione `font-size` à regra seletor:
+
+```css
+input[type="text"],
+input[type="number"],
+select,
+textarea {
+  font-size: 16px;
+}
+```
+
+:dancer:
+
+<sup>[voltar ao índice](#table-of-contents)</sup>
+
+
 ## Suporte
 
 Versões atuais do Chrome, Firefox, Safari, Opera, Edge, e IE11.

translations/zh-CN/README.md

@@ -39,6 +39,7 @@
 1. [用 rem 来调整全局大小；用 em 来调整局部大小](#use-rem-for-global-sizing-use-em-for-local-sizing)
 1. [隐藏没有静音、自动播放的影片](#hide-autoplay-videos-that-arent-muted)
 1. [使用选择器 `:root` 来控制字体弹性](#use-root-for-flexible-type)
+1. [将`font-size`关于表单元素为更好的移动体验](#set-font-size-on-form-elements-for-a-better-mobile-experience)
 
 
 <div id="use-not-to-applyunapply-borders-on-navigation"></div>
@@ -463,7 +464,7 @@ video[autoplay]:not([muted]) {
 }
 ```
 
-现在，您可以利用基于计算的值`root em`单位：root`:
+现在，您可以利用基于计算的值`root em`单位：`root`:
 
 ```css
 body {
@@ -474,6 +475,25 @@ body {
 <sup>[回目录](#table-of-contents)</sup>
 
 
+<div id="set-font-size-on-form-elements-for-a-better-mobile-experience"></div>
+### 将`font-size`关于表单元素为更好的移动体验
+
+为了避免在HTML表单元素缩放移动浏览器（Safari浏览器的iOS，_et AL_。）当一个`<选择>`下拉被窃听，加上`字体size`的选择规则：
+
+```css
+input[type="text"],
+input[type="number"],
+select,
+textarea {
+  font-size: 16px;
+}
+```
+
+:dancer:
+
+<sup>[回目录](#table-of-contents)</sup>
+
+
 ### 支持情况
 
 这些技巧适用于最新版的 Chrome, Firefox, Safari, Opera, Edge, 以及 IE11。