Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Dostosowywanie strony do rozdzielczosci i przegladarki.
Forum PHP.pl > Forum > Po stronie przeglądarki
noninformed
Witam.
Mam pytanie - czy jest mozliwosc dostosowania strony do rozdzielczosci kazdego komputera jednym i roznych przegladarek? Zalezy mi na tym, zeby strona wyswietlana, niezaleznie od miejsca, byla tak samo wygladajaca.

Pozdrawiam.
SmokAnalog
Co masz nam myśli mówiąc, że ma wyglądać tak samo? Czyli na ekranie 320x480 i na ekranie 1920x1080 ma wyglądać "tak samo"?

Temat, który poruszyłeś nazywa się responsive web design - poczytaj.
Tomplus
Jeżeli tworzysz taką stronę możesz wykorzystać frameworki HTML używające RWD tj. Bootstrap, Foundation, Gumby i inne.
Comandeer
Na początku należy sobie zadać ważne pytanie: czy aby na pewno strona powinna wyglądać tak samo w każdej przeglądarce?

Gdy już sobie na to pytanie odpowiemy, warto pochylić się głębiej nad RWD i zastanowić nad modelem content first, w którym wychodzimy od prostego rozłożenia treści, do którego dodajemy kolejne rzeczy (sidebary, fixed topbary itd.) w miarę, jak przeglądarka nam na to pozwala (czyli, w najprostszym przypadku, gdy na ekranie jest wystarczająco dużo miejsca).
Headamon
Tak jak koledzy wspomnieli, strony mobilne, a obecnie strony responsywne to gorący od paru lat temat. Liczba użytkowników Internetu, którzy przeglądają stronę na telefonie lub tablecie z roku na rok rośnie. W CSS3 są media queries, które umożliwiają ładowanie różnych styli dla tych samych elementów html w zależności od rozdzielczości urządzenia. Warto też poczytać na temat frameworków takich jak np. bootstrap.
maxxds44
Dokładnie, teraz właśnie wszyscy siedzą na telefonach w internecie.
Lion
Strona nie musi wyglądać "tak samo", powinna wyglądać "dobrze". Nie polecam na początek frameworków CSS tylko do tego aby uzyskać taki efekt, zastosujesz je a i tak nie będziesz później wiedział jak to się stało że wygląda "dobrze". Spróbuj sam przygotować proste media queries a może nie będziesz musiał przebudowywać całej strony pod framework.
Headamon
To prawda, warto przygotować wersję RWD strony samodzielnie, natomiast często początkujący mają problemy z zaprojektowaniem menu, szczególnie jeśli jest rozbudowane i sięgają po framework.
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.
Invision Power Board © 2001-2024 Invision Power Services, Inc.