Forum PHP.pl > [JavaScript][CSS][PHP]Zmiana rozmiaru strony w zależności od rozdzielczości

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript][CSS][PHP]Zmiana rozmiaru strony w zależności od rozdzielczości

michal_86

4.03.2010, 20:34:28

witam,

chciałbym zapytać czy istnieje możliwość powiększania lub zmniejszania wielkości strony w zależności od rozdzielczości przeglądania? Nie chodzi mi o to by robić trzy różne strony, ale aby strona po prostu była zmniejszana tak jakbym używał "ctrl -"

Pozdrawiam

kipero

4.03.2010, 20:35:46

Pierwsze rozwiązanie jakie mi przychodzi na myśl, to wykrywanie rozdzielczości w JS i podmiana właściwości CSS dla body.

DiH

4.03.2010, 21:40:32

[HTML] pobierz, plaintext 
<html>
<head>
<script type="text/javascript">
function detect() {
   if(screen.width < 1024) {		
      document.getElementById("content").style.width='500px';
   }
   else {
      document.getElementById("content").style.width='700px';
   }
}
</script>
</head>
<body onload="detect();">
<div id="content" style="background: green;">
Hello
</div>
</body>
</html>
[HTML] pobierz, plaintext

thek

4.03.2010, 21:49:05

A dla mnie jednym z sensowniejszych jest użyciu fluid layout

Czasem trzeba przy ty pomyśleć, ale to jedyne naprawdę uniwersalne rozwiązanie tak naprawdę dla skalowalnych szablonów dopasowujących się do okna przeglądarki.

michal_86

4.03.2010, 23:48:06

No ja niestety przez nieuwagę robiłem stronę na za wysokiej rozdzielczości, i na 1024 wygląda to tak średnio, dlatego miałem nadzieje na funkcję "ala" ctrl - , bo przerobienie tej strony w fluid byłoby bardzo ciężkie ;/

skrypt podany przez kipero nie działa na tej stronie - ale tego się spodziewałem

porównanie :

no i kicha ;/

może jednak ktoś zna jakieś rozwiązanie? Bo pisanie od nowa strony to jest tragedia ;/

Twist

5.03.2010, 08:34:44

Zrób div otaczający całą stronę #container lub daj na body style:
#container{
width:990px; margin:0 auto;}
Spowoduje to wyśrodkowanie strony niezależnie od ustawionej rozdzielczości. Bardzo częsta praktyka.

michal_86

5.03.2010, 13:18:36

wyśrodkowana to ona jest na 900 px, screena musiałem uciąć by nie było za szeroko przy wklejaniu, chodzi o to czy tak duża strona jest w ogóle czytelna...

Twist

5.03.2010, 14:49:05

Szerokość strony nie powinna przekraczać 1000px aby poprawnie wyświetlać się w 1024x720. Ustaw stała dla wszystkich i wyśrodkuj j.w

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.