Ver Mensaje Individual
  #1 (permalink)  
Antiguo 11/06/2013, 12:35
horizzont
 
Fecha de Ingreso: marzo-2010
Mensajes: 37
Antigüedad: 14 años, 7 meses
Puntos: 1
Responsive design en jQuery

Hola a todos,

Veréis, tengo una web en la cual muevo algunos elementos gracias a jQuery. Mi pregunta es si hay alguna manera de que si te está visitando un iPad, puedas hacer una llamada a un archivo de funciones específico para una resolución determinada. En mi head lo he intentado pero cambia la funcionalidad de toda la página independientemente del tamaño del monitor:

General:
<script type="text/javascript" src="js/funcionesSobre.js"></script>

Específico:
<link rel="stylesheet" type="text/css" href="css/iPadPortrait.css" media="only screen and (max-width : 768px) and (orientation : portrait)" />
<script type="text/javascript" src="js/funcionesPortrait.js" media="only screen and (max-width : 768px) and (orientation : portrait)"></script>

¿Se puede hacer esto o solo puede ser mediante CSS?

Gracias.