HTML - Adaptar web html a moviles y tablets

Hola, estoy intentando adaptar una web para móviles. Actualmente funciono con un archivo índex.html y otro mobile.html y en el primero pongo este código
<script type="text/javascript">
if($(window).width() <600){
window.location = "mobile.html";
}
</script>
Pero en el iphone lo pruebo y no va bien. He probado de cambiar el tamaño incluso hasta 1024 y nada...
Sabriais decirme porque no me funciona? o teneis algun codigo en html que funcione?

Gracias por vuestro tiempo
Un saludo
TT

Lo que buscas se llama Responsive Design o diseño adaptativo.
El mas sencillo de usar que he visto es Twitter Bootstrap.
Hay cantidad de información en la red al respecto.
Te dejo un enlace: http://getbootstrap.com/2.3.2/

merciiii!!!