Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Como detectar el tamaño de pantalla del cliente a traves de css

Estas en el tema de Como detectar el tamaño de pantalla del cliente a traves de css en el foro de CSS en Foros del Web. Hola a todos. Es posible detectar el tamaño de pantalla del cliente a través CSS. Estuve viendo un vídeo en Youtube de dicho caso pero ...
  #1 (permalink)  
Antiguo 30/04/2013, 10:13
anthony9564
Invitado
 
Mensajes: n/a
Puntos:
Como detectar el tamaño de pantalla del cliente a traves de css

Hola a todos.

Es posible detectar el tamaño de pantalla del cliente a través CSS. Estuve viendo un vídeo en Youtube de dicho caso pero la persona que hizo dicho vídeo no puso los archivos CSS para detectar el tamaño ya sea en una PC de escritorio, Tabletas o Móviles.

Quería ver si me podrían ayudar con el código ya que no se utilizar CSS.

Pantalla para móviles de 320 x 300

Pantalla para Tablets de: 768 x 300

Pantalla de escritorio de: 1024 x 768

Necesito de su ayuda Por Favor se los pido de corazón es muy importante

Muchísimas Gracias a todos los que responda

Dios se lo pague
  #2 (permalink)  
Antiguo 30/04/2013, 10:23
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 4 meses
Puntos: 2114
Respuesta: Como detectar el tamaño de pantalla del cliente a traves de css

Busca información acerca de @media-queries. Con eso podrás especificar reglas CSS que se aplicarán en caso de que la pantalla sea de tanto o de cuanto.

Un ejemplo sencillo, el fondo cambia según el ancho de la resolución:

Código CSS:
Ver original
  1. body {
  2.   background: blue;
  3. }
  4.  
  5. @media screen and (max-width: 1024px) {
  6.   body {
  7.     background: red;
  8.   }
  9. }
  10.  
  11. @media screen and (max-width: 320px) {
  12.   body {
  13.     background: yellow;
  14.   }
  15. }

Etiquetas: cliente, pantalla, tamaño, traves
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:08.