Ustawianie rozdzielczości strony za pomocą css i js

Question

Witam gdzieś widziałem temat który mnie interesował ale nie mogę go znaleźć więc się pytam.

Jak zrobić że jak wykryje że mam rozdzielczość np. 800x600 to otworzy mi stronę np. index.html ale dany styl css wykorzysta czyli np. dla 800x600 wykorzysta styl "jeden" a np. dla 1280x1024 wykorzysta styl "dwa".

 

aktualnie korzystam z tego kodu ale bym musiał zrobić pełno podstron z danymi rozdzielczościami a ja chcę zrobić tylko jedną podstronę i pełno styli.

 

[code]

<script type="text/javascript">

var Szer = screen.width;
 if (Szer == 320) window.location="3201.php";
else if (Szer == 480) window.location="4801.php";
else if (Szer == 640) window.location="6401.php";
else if (Szer == 800) window.location="8001.php";
else if (Szer == 1024) window.location="10241.php";
else if (Szer == 1280) window.location="12801.php";
else if (Szer == 1360) window.location="13601.php";
else if (Szer == 1366) window.location="13661.php";
else if (Szer == 1440) window.location="14401.php";
else if (Szer == 1600) window.location="16001.php";
else if (Szer == 1920) window.location="19201.php";
else if (Szer == 2048) window.location="20481.php";
else if (Szer == 2560) window.location="25601.php";
else window.location="rozdzielczosc.php";
</script>

[/code]

Comments

Pierwsze co sie rzuca w oczy to te if...

Słyszałeś może o instrukcji Switch()?

Co do tematu, dlaczego nie użyjesz @media w css? LINK

 

---

https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

Answer 1

poczytaj o @media, to zwykła responsywność bez js'a

Comments

Dzięki, ja tak 5/10 umiem css ale najpotrzebniejsze w css znam