Mam bardzo prostą stronę statyczną (tylko css i linki, bez skryptów). Wygląda dobrze na Androidzie i iPhonie, ale jest za mały. Domyślam się, że są mniejsze, ponieważ działają na większości witryn. Jak mogę to zmienić i sprawić, żeby wyglądał tak, jak powinien?Jak skalować stronę internetową na urządzenia mobilne?
Android automatycznie dostosowuje się do rozmiaru witryny, spróbuj użyć szerokości: 100% lub mniejszej niż około 310 pikseli (pasek przewijania zajmuje miejsce) dla normalnego trybu przeglądania.
dla iPhone spróbuj użyć tego kodu, aby wymusić prawidłowy rozmiar
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
także zmusić font-size spróbuje użyć tego kodu w CSS:
-webkit-text-size-adjust: none;
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
lista powinna być rozdzielone przecinkami.
Niezależnie od tego, co robisz, sprawdź, czy testujesz w nowszych wersjach Androida. Miałem ładny prosty układ z jedną kolumną, który wyglądał dobrze w Androidzie 1.5 i Androidzie 1.6. Wydaje się, że Android 2 zmiażdżył cały tekst na niewielki kawałek z boku. Dziwne, że będę musiał przełączyć się na układ wielokolumnowy, aby obsługiwać telefon, gdzie prostsze powinno być lepsze. –