Tag: css3

¿El diseño sensible no funciona en Android?

Estoy probando tanto en Nexus 4 – 4.1.1 – 768×1280 y Xperia Z – 4.2.2 – 1080×1920 … En ambos casos, mi sitio (que es sensible en los escritorios) es sólo parcialmente sensible en los teléfonos Android. WP8 funciona bien (sorprendentemente) – y el iPhone 5 funciona – excepto que la altura es un poco […]

Tamaño de fuente sensible a HTML para dispositivos móviles

Tengo una aplicación que se ejecuta en Android y IOS. La aplicación tiene algunos componentes WebView que muestran HTML De lo que he encontrado hay "em" y " viewport " unidades, así como "@media" en css. Soy nuevo en HTML5 y CSS3, alguien puede, por favor, muéstrame un ejemplo de tamaño de fuente de respuesta […]

CSS gradiente no funciona en Android 2.3.6?

Estoy usando este código para una div background: url(../img/texturee.png), linear-gradient(left, #de2785 1%,#f954b1 50%,#de2785 100%); y para agregar prefijos de proveedor estoy usando esta biblioteca http://leaverou.github.com/prefixfree/ Está funcionando bien en Chrome, Firefox, Safari, iPhone, iPad pero no en el navegador predeterminado de Android 2.3.6. ¿Estoy haciendo algo mal? http://caniuse.com/#search=gradients Editar: Después de la respuesta @mdmullinax, la […]

Webview no admite la caja flexible en Android Jellybean

Tengo una webview que carga una página web que incluye una caja de flexión. La div Div muestra correctamente en Kitkat Emulator, pero no funciona en las versiones más antiguas de Android como Jellybean. Las cajas deben mostrarse horizontalmente pero en realidad se muestran verticalmente. Aquí está mi código HTML: <!DOCTYPE html> <html> <head> <meta […]

Soporte CSS3 en navegadores móviles

¿Qué soporte, si es el caso, existe para CSS3 en navegadores móviles? Los navegadores específicos que me interesan son los que se utilizan en los teléfonos iPhone, Android y Blackberry. Cualquier vínculo a recursos relevantes también sería muy apreciado.

CSS3 animación no funciona en Android 4.2

Estoy desarrollando una aplicación con Worklight donde necesito poner una pequeña imagen animada usando CSS. En pruebas en dispositivos Android con la versión 4.4 funciona perfectamente, he realizado algunas pruebas en dispositivos con Android 4.2 y 4.1 y esta misma animación no funciona. IPhone 5 funciona perfectamente. Mi código es: <html> <style type="text/css"> .image-arrow { […]

3d css transform (translateZ) no funciona en android 4.0.3?

Tengo este html que funciona bien en Chrome, Safari y Mobile Safari. <html><head> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> </head> <body> <div style="position:relative;-webkit-perspective:1000;width:300px;height:50px"> <div style="position:relative;width:300px;height:50px;-webkit-transform-origin:0px 25px 0px;-webkit-transform-style:preserve-3d;"> <div style="position:absolute;width:300px;height:50px;-webkit-transform:translateZ(125px);background-image:url(http://i855.photobucket.com/albums/ab119/ansherina6/banner2-1.png)"></div> </div></div> </body></html> En android 4.0.3, translateZ no muestra ningún efecto (deseado) en la div. Aparte de translateZ, todo lo demás está funcionando bien. Si utilizo […]

Google Maps lento en WebView de Android 2.2 cuando se utilizan transformaciones CSS3

No puedo obtener transformaciones CSS3 y Google Maps para jugar bien juntos en Android 2.2 de WebView. Aquí hay un violín , con dos botones para probar las transformaciones. Tendrás que habilitar "Emular eventos táctiles" en Chrome para poder hacer clic en ellos en el escritorio. El dispositivo que estoy usando tiene una pantalla de […]

Extraño error de caja y sombra en Chrome en Android

Tengo un error muy extraño con la sombra de la caja y la sombra de texto de Android Chrome. Chrome en mi escritorio funciona bien, pero en Android, muestra un extraño efecto de sombra. Echa un vistazo a esta captura de pantalla para entender mejor lo que está pasando: Como puedes ver, Chrome en Android […]

Crea un duplicado de un campo de entrada cuando se enfoca en android 4.0 webview usando jquery móvil y phonegap

Estoy desarrollando una aplicación de separación telefónica con webview. Pero cuando el foco está en cualquier cuadro de texto de entrada un duplicado del cuadro de texto se crea automáticamente y lo que ingrese estará dentro de este cuadro de texto. En el enfoque, este valor se muestra en el cuadro de texto predeterminado. Yo […]

FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.