• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Ustawianie rozdzielczości strony za pomocą css i js

VPS Starter Arubacloud
0 głosów
207 wizyt
pytanie zadane 8 września 2017 w Sieci komputerowe, internet przez Wojciech Tuszkiewicz Użytkownik (500 p.)
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]
1
komentarz 8 września 2017 przez marcin99b Szeryf (81,480 p.)

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

 

1 odpowiedź

+2 głosów
odpowiedź 8 września 2017 przez Hubert Murawski Stary wyjadacz (11,990 p.)
wybrane 8 września 2017 przez Wojciech Tuszkiewicz
 
Najlepsza
poczytaj o @media, to zwykła responsywność bez js'a
komentarz 8 września 2017 przez Wojciech Tuszkiewicz Użytkownik (500 p.)
Dzięki, ja tak 5/10 umiem css ale najpotrzebniejsze w css znam

Podobne pytania

0 głosów
4 odpowiedzi 591 wizyt
0 głosów
1 odpowiedź 172 wizyt
0 głosów
2 odpowiedzi 412 wizyt

92,453 zapytań

141,262 odpowiedzi

319,088 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...