Szükségem lenne egy olyan scriptre, amivel a látogató a weboldalam index oldaláról azonnal egy külön mobilokra optimalizált oldalra kerül?

<script language="JavaScript">

var correctwidth=1024

var correctheight=768

if (screen.width<correctwidth||screen.height<correctheight)

window.location.replace ("mobiloldal.htm")

</script>

A beállított felbontás alatt a mobiloldal.htm-et tölti be, amúgy folytatja az oldal betöltését.

css media-query megoldással:

<meta name="viewport" content="width=device-width, initial-scale=1" />

<!-- For Desktop Computer and Laptops -->

<link rel="stylesheet" type="text/css" media="screen and (min-width: 1000px)" href="/public/css/style_normal.css" />

<!-- For Smatphones -->

<link rel="stylesheet" type="text/css" media="screen and (max-width: 999px)" href="/public/css/style_mobile.css" />

Itt gyakorlatilag a megjelenítés stílusáért felelő css fájlokat váltogathatod, ráadásul nem kell semmilyen js lekérdezést csinálnod. Persze az oldal kialakítására ügyelni kell, hogy minden formázás megfelelően működjön.

A min-width/max-width attribútumokat kombinálhatod is, így több nézőpontot is kialakíthatsz (tabletre, nagyobb mobilra, kisebb mobil képernyőre...)

amit te keresel:

mobilról máshogy jelenjen meg, mint pc-ről... erre nem az a jó megoldás sztem, hogy más.html-re irányítod, egyszerűen írd meg úgy az oldalt, hogy html+css alapú legyen. Ha ez megvan, a CSS-ben be tudod állítani, hogy "ha width < 1000" akkor a.) kinézet, ha nagyobb, akkor b.) kinézet...

ezt hívják úgy, hogy reszponzív webdesign, keress rá, vagy pl: [link]

ez egy egészen jó induló alap..