Foro

Home Forums Programación Css3 ¿Cómo ver mi app desde múltiples resoluciones?

This topic contains 3 replies, has 3 voices, and was last updated by  gitamse 5 años .

Viendo 4 respuestas - de la 1 a 4 (de 4 en total)
  • ¿Cómo ver mi app desde múltiples resoluciones?

    Intervenciones
  • brainiac13
    brainiac13 
    Participant

    Buenas camaradas, estoy enfrentando un problema con el diseño de mi App, es diseño es algo orginal, fue hecho 100% por mi desde cero, nada de plantillas o diseños o estilos prefabricados como los de jQuery mobile entre otros.

    Mi App será para Android, iOS y Blackberry.
    Estoy haciendo prácticamente, 3 aplicaciones distintas (porque difieren un poco en cada versión).
    El diseño de Android lo controlé, gracias al emulador, emulé todas las resoluciones y poco a poco contruí las media queries para los Android LDPI, MDPI, HDPI, XDPI, y XXDPI.

    Para Blackberry pensaba usar Ripple Emulator desde Google Chrome, pero tengo una fuerte sospecha de que como yo lo veo desde ahí, no es como se ve en realidad.

    ¿Cómo puedo ver mi app desde distintas resoluciones para poder adaptar las media queries?

    ¡Gracias y saludos!


    brainiac13
    brainiac13 
    Participant

    Por ejemplo, cómo se verá mi App desde un iPhone 5 (el diseño), desde un Blackberry 9700, etc…

    ¿Existe alguna herramienta para forzar estas resoluciones? – Para hacer los respectivos ajustes en el CSS.

    ¡Por favor, ayuda! :(


    jedelwey
    jedelwey 
    Participant

    La única web así que podría conocer que te pueda servir es quirktools.com que te muestra como se vería en distintos monitores, móviles y tablets pero el mejor metido es a la antigua, tener varios tipos de móviles e ir probando (Es un coñazo, lo sé, pero es la mejor opción)


    Web: http://www.jedelwey.com Email de contacto: info[@] jedelwey[.]com Twitter: @jedelwey


    gitamse 
    Participant

    Hola como estan? Estamos con el mismo problema que brainiac13 pero nos decidimos a probarlo en diferentes dispositivos (celulares y tablets) El ptoblema es que utilizando css no estamos logrando que nos adapte el fondo de la aplicacion a la tablet (pero si a los celulares)

    Estuvimos buscando varias alternativas, con mediaquerie, sin mediaquerie y miles mas que no funcionan…

    Llegamos a esta solucion que como dijimos funciona el resizing con celulares pero no con la tablet.

    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
    background: url(../img/screen.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    Por lo que leimos, las tablets no soportan las propiedades cover, fixed, etc Pero no encontramos alternativa a estas que funcionaran.

    Nos podrian ayudar?

    Gracias!


Viendo 4 respuestas - de la 1 a 4 (de 4 en total)

You must be logged in to reply to this topic.

RT @addyosmani: Learn how to virtualize large lists & tables with react-window: https://t.co/ggzMgmX6zP ~ a small library for efficiently r…04:25 PM Jun 26th