Forum

które strony?
niektóre rzeczy mogą się niepoprawnie wyświetlać na mobilnym safari w sumie (position:fixed - trudne do uzyskania na takim ekraniku)
niektóre źle zrobione strony mogą też się rozwalać przez to, że czcionki w mobilnym safari są po prostu często większe, a autor zrobił wszystko pixel-perfect

Np. http://rilke.pl
Zauważyłem, że nie jest zachowane właśnie position:fixed dla tła (potret) oraz że minimalna wielkość wyświetlanej czcionki to 12px, przez co tekst w stopce strony (oryginalnie 10px) jest powiększony.

fixed na takim ekranie jest po prostu… problematyczne

a rozmiar czcionki - no cóż - albo tylko widzimy tekst, albo jesteśmy w stanie go przeczytać ;)

Ja natomiast zauważyłem, że np. znaczniki <h3> są zupełnie inaczej wyświetlane na Safari pod iPhone i pod Mac OS X - mają inną wielkość. Te same znaczniki pod Firefoxem i Safari na Mac OS X są wyświetlane identycznie.

Nie ma innego wyjścia jak przygotowanie osobnych css’ów dla każdego urządzenia.

arth napisał(a):

Nie ma innego wyjścia jak przygotowanie osobnych css’ów dla każdego urządzenia.

NIe do końca rozumiem, jak można stworzyć osobny css np. dla Safari specjalnie dla iPhona. Wydawało mi się, że Safari to Safari, bez znaczenia, na jakim urządzeniu działa (no, może poza wersją dla windows, ale to zupełnie inna bajka). Czyżby Safari na iPhone to jakaś specjalna wersja?

W ogóle ciekawe jest to, iż Safari nie respektuje np. znacznika BORDER=1 w linkach obrazkowych. To dosyć przydatne.

Edit: Posprawdzałem. Respektuje ale nie domyślnie, inne przeglądarki robią to domyślnie. Ale to już w sumie drobne szczegóły.

moksienciuk - mobilna wersja nie pozwala na rozmiar czcionki mniejszy niż jakiś tam określony po prostu.
stąd może być różnica w wyświetlaniu h3.
a że domyślne style się różnią pomiędzy przeglądarkami - to jest norma.
zapisów BORDER=EGLEBEGLE powinno w ogóle nie być - od tego są style w końcu.

DG - oczywiście, że to specjalna wersja ;] mobilna.
sam silnik jest praktycznie taki sam. Praktycznie, bo niektóre rzeczy na tej mobilnej wersji trudno uzyskać - jak np. position fixed czy np. zdarzenie :hover (w końcu trudno o najechanie tam na coś kursorem). tym podobne różnice. same możliwości silnika są chyba takie same. chociaż mobilna jest sporo wolniejsza.

jak można zrobić osobne style? rozpoznawać nagłówki wysyłane przez przeglądarkę. albo w samym arkuszu css sprawdzać maksymalną szerokość ekranu i dostosowywać do tego wygląd strony.

A dlaczego nie powinno być, bo stare? Stare, ale dobre.

stare? tak
dobre? nie. dla kogo?

ot przykład pierwszy z brzegu - masz jakąś prostą stronę, ustawiłeś sobie BORDER=“2”. Zmieniłeś koncepcję - chcesz BORDER=“1”.
Co teraz? edytujesz każdy plik .html z osobna? A nie wygodniej byłoby to zmienić tylko w jednym miejscu?
To przede wszystkim wygoda dla twórcy. Oddzielenie poszczególnych warstw logiczną konsekwencją - od treści jest html, od wyglądu jest css. Wygodne, sprawne.

Ja chcę i mam border=1 tylko na jednej stronie przy jednym obrazku, nie prowadzę stron molochów :-)

moloch do tego niepotrzebny
2 obrazki na stronie i już jest wygodniej.

Też prawda, jeszcze trzeba posiąść tajemną sztukę władania stylami.

Hm, ktoś jeszcze używa znaczników w htmlu? ;)
Ach, podobno Apple w iWeb ;)
Jak pisze Roberto: od treści jest html, od wyglądu - css.

chyba nie, w iWeb są pakowane style w html bezpośrednio.