arturo campos

front end developer

Position fixed en Android 2.2+

| Comentarios

Hasta no hace mucho para mi era un secreto que el navegador de Android 2.x no soporta position: fixed. Algo tan simple y tan clásico que permite implementar layouts amigables.

Sin embargo, existe uno de esos trucos que uno simplemente no comprende su razón de ser.

Resulta que si agregamos a nuestro meta tag viewport el segmento user-scalable=no, el browser se comporta de la manera que necesitamos y nos brinda el soporte para position: fixed.

user-scalable=no
1
2
3
4
<!DOCTYPE html>
  <head>
    ...
    <meta name="viewport" content="width=device-width, user-scalable=no">

Magia negra! :)

Fuente: caniuse.com | Gracias a: @yeco

Comentarios