Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html|css] Strona źle się wyświetla na komórce, a na PC jest dobrze
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
eerie
Witam! Napisałem kiedyś ebook Przecinek i przerabiałem ostatnio jego stronę. Pliki strony wygenerowałem w OpenOffice... W przeglądarce na PC wszystko jest ok, ale na komórce treść przesadnie się zwęża. Czy to komórka jest trzymana w pionie, czy w poziomie. W efekcie niektóre przykłady i treść nie wyglądają jak w oryginale (w pliku pdf). O ile, trzymając komórkę pionowo, jest to zrozumiałe, to nie mogę pojąć, dlaczego problem występuje również, gdy trzymam ją w poziomie. Próbowałem ustawiać "margin: 0; padding:0" dla "body" i "*", ale nie pomogło. Trochę nie rozumiem tego, choć do czynienia z html'em mam od ponad 20 lat. Może ktoś z Was wpadnie, co jest nie tak... wink.gif

Pozdrawiam
Robert
Tosiaas
Cytat(eerie @ 6.02.2025, 16:15:53 ) *
Witam! Napisałem kiedyś ebook Przecinek i przerabiałem ostatnio jego stronę. Pliki strony wygenerowałem w OpenOffice... W przeglądarce na PC wszystko jest ok, ale na komórce treść przesadnie się zwęża. Czy to komórka jest trzymana w pionie, czy w poziomie. W efekcie niektóre przykłady i treść nie wyglądają jak w oryginale (w pliku pdf). O ile, trzymając komórkę pionowo, jest to zrozumiałe, to nie mogę pojąć, dlaczego problem występuje również, gdy trzymam ją w poziomie. Próbowałem ustawiać "margin: 0; padding:0" dla "body" i "*", ale nie pomogło. Trochę nie rozumiem tego, choć do czynienia z html'em mam od ponad 20 lat. Może ktoś z Was wpadnie, co jest nie tak... wink.gif

Pozdrawiam
Robert

Brzmi jak problem z responsywnością strony być może używasz stałych szerokości lub jednostek, które nie dostosowują się do szerokości ekranu. Spróbuj dodać meta tag dla responsywności, np. <meta name="viewport" content="width=device-width, initial-scale=1.0">. Może to pomóc w dopasowaniu treści do różnych rozdzielczości ekranu.
eerie
Cytat
Brzmi jak problem z responsywnością strony być może używasz stałych szerokości lub jednostek, które nie dostosowują się do szerokości ekranu. Spróbuj dodać meta tag dla responsywności, np. <meta name="viewport" content="width=device-width, initial-scale=1.0">. Może to pomóc w dopasowaniu treści do różnych rozdzielczości ekranu.


Raczej na pewno nie chodzi o responsywność, bo dodałem ten meta tag. Problem występuje w większości przeglądarek na komórce. Odkryłem natomiast, iż na Firefox'ie jest [prawie] ok. Wydaje mi się, że problem jest w tym, że OpenOffice użył "pt" (punkty) zamiast "px" (pikseli) dla określenia wielkości czcionek. Przypomina mi się, że "pt" jest względne i nie we wszystkich przeglądarkach równa się tej samej ilości "px". Chyba dlatego zacząłem kiedyś używać wyłącznie pikseli. smile.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.