Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS][JavaScript]dopasowanie strony do rozdzielczości ekranu
--interu58--
post 11.11.2012, 23:11:56
Post #1





Goście







Witam. Mam szablon strony zapisany w CSS. Niestety w każdej rozdzielczości ekranu wygląda on inaczej. Jak można zrobić dodatkowe arkusze stylów dostosowujące się do rozdzielczości ekranu? Jest jakieś polecenie wczytujące takie arkusze. Gdzieś czytałem wzmiankę, ze można to wykonać w JS, ale jest mi on całkowicie obcy a wzmianki jak to wykonać nie było.
Go to the top of the page
+Quote Post
fate
post 12.11.2012, 00:27:50
Post #2





Grupa: Zarejestrowani
Postów: 824
Pomógł: 106
Dołączył: 14.03.2012
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


polecam zrobić stronkę na sztywno niż tworzyć 10 arkuszy do kilkunastu możliwych rozdzielczości


--------------------
Go to the top of the page
+Quote Post
grabek93
post 12.11.2012, 05:29:11
Post #3





Grupa: Zarejestrowani
Postów: 73
Pomógł: 8
Dołączył: 23.09.2010

Ostrzeżenie: (10%)
X----


Ewentualnie możesz w css ustawiać wartości w procentach zamiast w px, ale jest to o wiele trudniejsze.
Jeżeli ustawiasz na sztywno, polecam szerokość ok 960 - 980px, wtedy na dużej większości (nawet mobilnych urządzeń typu netbook 1024x768) strona nie będzie pokazywać pasków poziomego przewijania wink.gif
Go to the top of the page
+Quote Post
interu58
post 12.11.2012, 08:36:42
Post #4





Grupa: Zarejestrowani
Postów: 48
Pomógł: 0
Dołączył: 25.10.2012

Ostrzeżenie: (0%)
-----


Tak, tylko taka "stała" strona niestety w rozdzielczość 1280x1024 wcale nie wygląda dobrze. Dlatego się pytam jak można zrobić takie dodatkowe arkusze w CSS? Czy jest jakieś polecenie wczytujące arkusze dostosowujące się do rozmiaru strony?
Go to the top of the page
+Quote Post
viking
post 12.11.2012, 08:44:55
Post #5





Grupa: Zarejestrowani
Postów: 6 376
Pomógł: 1116
Dołączył: 30.08.2006

Ostrzeżenie: (0%)
-----


http://www.w3.org/TR/css3-mediaqueries/


--------------------
Go to the top of the page
+Quote Post
rocktech.pl
post 12.11.2012, 08:45:10
Post #6





Grupa: Zarejestrowani
Postów: 587
Pomógł: 131
Dołączył: 8.02.2010

Ostrzeżenie: (0%)
-----


Witam.

Poczytaj o media queries. Zobacz jak wygląda np. css z bootstrapa.


--------------------
Despite the tons of examples and docs, mod_rewrite is voodoo. Damned cool voodoo, but still voodoo. --Brian Moore

I never go looking for a sucker. I look for a Champion and make a sucker of of him. --Amarillo Slim


Home-made : js-gui-classes | Accordion | Tabs | Carousel / php-sms-classes | Obsługa bramki SMS MultiInfo | Obsługa bramki SMS Mobiltek
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 5.05.2025 - 06:06