Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [XHTML] Strony dla urządzeń mobilnych
Forum PHP.pl > Forum > Po stronie przeglądarki
wewior
Pytanie o standardy - jak poprawnie konkstruować wersję strony dla urządzeń mobilnych?
Czy dodajecie jakieś dodatkowe nagłówki?
Jak bardzo inwestujecie w style i wygląd - czy najprościej jak się da czy coś lepszego?
Jakie standardy tutaj mają zastosowanie?
konole
Według mnie najlepszym rozwiązaniem dla normalnych stron jest przystosowanie i napisanie jej w taki sposób, aby zmiana wyglądu odbywała się jedynie w CSS. Przykład możesz zobaczyć w moim projekcie - http://kangaru.pl/ - pobaw się zmianą szerokości okna.
wewior
Cytat(konole @ 24.08.2011, 10:03:17 ) *
Według mnie najlepszym rozwiązaniem dla normalnych stron jest przystosowanie i napisanie jej w taki sposób, aby zmiana wyglądu odbywała się jedynie w CSS. Przykład możesz zobaczyć w moim projekcie - http://kangaru.pl/ - pobaw się zmianą szerokości okna.


Ok, tak też zwykle robię, ale bardziej chodzi mi o to jakie elementy dodatkowe powinna zawierać strona dla mobilnych urządzeń.
Twoja strona coś się psuje jak zmieniam szerokość okna, nie wiem czy tak specjalnie ale nie bardzo się dostosowuje (sprawdzałem w Operze i FF).
!*!
Zmniejsz jego stronę do ok 40px szerokości to zadziała, też myślałem że ma coś z tym nie tak wink.gif

Oczywiście wersje mobilne rób tylko i wyłącznie za pomocą CSS, są do tego odpowiednie narzędzia wczytujące odpowiedni styl przy danej rozdzielczości "media". Nigdy nie stosuj osobnej witryny pod inną subdomeną, ostatnio tak popularną "m". To zły nawyk, podobny do prefixu 'www" w adresie.

Elementy dodatkowe? Wywal wszytko co zbędne, pozostaw tylko treść i nawigacje wink.gif
wewior
Cytat(!*! @ 24.08.2011, 10:27:51 ) *
Zmniejsz jego stronę do ok 40px szerokości to zadziała, też myślałem że ma coś z tym nie tak ;)


Nie działa to w FF, dopiero jak włączyłem inna przeglądarkę to zadziałało jak napisałeś.

Cytat(!*! @ 24.08.2011, 10:27:51 ) *
Oczywiście wersje mobilne rób tylko i wyłącznie za pomocą CSS, są do tego odpowiednie narzędzia wczytujące odpowiedni styl przy danej rozdzielczości "media". Nigdy nie stosuj osobnej witryny pod inną subdomeną, ostatnio tak popularną "m". To zły nawyk, podobny do prefixu 'www" w adresie.


Podaj proszę przykład takiej poprawnej definicji styli za pomocą "media" dla telefonów komórkowych. Rzadko spotyka się handheld cyz tty które chyba są przewidziane tutaj.
!*!
http://www.w3.org/TR/css3-mediaqueries/
http://www.alistapart.com/articles/return-...bile-stylesheet

Nie ma sztywnej ramy "wyświetl to bo czytam teraz z urządzenia przenośnego". dlatego robisz to 'ręcznie'

  1. <link rel="stylesheet" media="screen and (max-width: 768px)" href="mobile.css" type="text/css" />
  2. <link rel="stylesheet" media="screen and (max-width: 128px)" href="mobile_phone_old.css" type="text/css" />


W zależności jaka jest szerokość ekranu w danym urządzeniu, taki styl zostanie wczytany.

edit: powyższa strona działa na FX 6.0, dokładnie tak samo jak opera czy chrome.

A pod tą stroną http://quirktools.com/screenfly/ możesz przetestować różne konfiguracje. Oczywiście to tylko taka namiastka, ale pixel to pixel wink.gif
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-2025 Invision Power Services, Inc.