WebSite X5Help Center

 
Octavio Luis L.
Octavio Luis L.
User

PUNTO DE RUPTURA PARA RESPONSIVE ADECUADO A MEDIDA DE PANTALLA  es

Autor: Octavio Luis L.
Visitado 1874, Followers 1, Compartido 0  

Saludos 

Estoy trabajando un proyecto con el que tengo un problema con el PUNTO DE RUPTURA RESPONSIVE PARA SMARTPHONE 

No se cual es el adecuado. No entiendo mucho de estas cuestiones, pero aquí en Argentina el mayor tamaño de pantalla en smartphone es 5,7 pulgadas los Sansung Note o el Samsung S7 que son creo que los de mayor tamaño de pantalla en pulgadas. Hablo de pulgadas 5,7 pulgadas.

De allí, el estandar de tamaño de pantallas pasa a 7 pulgadas pero ya son tablet....

la pregunta es cual es el punto de ruptura que debo escoger para una pantalla cuay resolución es de 2560 x 1440  o sea una de "5,7 pulgadas" y de  518 ppi...  de modo que la rejilla de contenido se ordene como corresponde en mode responsive.... 
Pueden ayudarme con esa configuración.... 

En mi proyecto estoy trabajando con estos puntos de ruptura 

http://acyd.com.ar/lea2/punto-ruptura/PUNTO-DE-RUPTURA.png

Así se ve en un smartphone de 5,7 pulgadas (5,7 pollici o inches) 

http://acyd.com.ar/lea2/punto-ruptura/Screenshot5_7_pollici.png

Y este es la rejilla de mi proyecto 

http://acyd.com.ar/lea2/punto-ruptura/no-responsive.png

Cual es el punto de ruptura que debo escoger para que en esa medida de pantalla se ordene como responsive....? 

Gracias 

Publicado en
1 RESPUESTAS - 1 CORRECTO
Jorge M.
Jorge M.
Moderator

Hola Octavio. Los puntos de ruptura en WebSite x5 V12 son con referencia a la resolución, no al dispositivo (pantalla). Incluso, así se usa en WebSite X5 V12 si usas la opción de sitios paralelos (paso 4, ajustes avanzados, página de entrada, identificar automáticamente la resolución). Si quisieras hacer por identificación por dispositivo tendrías que definirlos antes usando sitio paralelo con código, no muy recomendado en esta época (solo en Android hay más de 24000 dispositivos).

Como tu mencionas hay equipos que tienen mejor resolución que un computador, así que trata de diseñar y revisar la resolución en vista previa, enfócate en como queda el resultado visible en la resolución que adoptes.

En WebSite X5 V 12 diseñamos de pantalla grande a chica, en la actualidad muchos especialistas recomiendan de pantalla chica a grande, pero eso es relativo al diseñador y cómo nos sentimos más cómodos.

Te recomiendo estos artículos:

Este sitio contiene ejemplos de RWD: Te pueden ayudar en la parte de maquetación.

Extraigo un parrafo:

Los breakpoints no deben orientarse a dispositivos

Este es el punto más importante del artículo, puesto que generalmente las personas con menos experiencia en Responsive Web Design tienden a asumir que existen unas medidas estándar en las que se deben aplicar los breakpoints. Podría haberlas conforme a las dimensiones de diversos dispositivos, como iPhone, iPad, ordenadores con pantallas estándar y luego hablaremos de ellas, pero la realidad o la recomendación va por otro lado.

Revisa, prueba y comenta.
Saludos
Jorge M.

--------------------------------

  • Si mi respuesta es correcta o te ayuda dale la opción de Correcto.
  • Si mi respuesta te sirve, sea o no sea tu pregunta, dale útil.
  • Si no te sirve la respuesta, trata de agregar links o capturas para ayudar a comprender mejor la pregunta.
Leer más
Publicado en de Jorge M.