Czy istnieje sposób na Mobile Safari, aby rozpoznać witrynę przeznaczoną na telefony komórkowe i automatycznie powiększyć? Jak to działa na innych telefonach i przeglądarkach?automatyczne powiększanie iPhone'a Safari
Chciałbym uniknąć patrzenia na user_agent i wysyłania innej strony dla każdej przeglądarki mobilnej.
Zobacz configuring the viewport części web-app podręczniku programisty Apple.
Witryny mogą rozpoznawać przeglądarkę mobilną i odpowiednio generować wydruki, co zwykle jest pożądanym sposobem.
Safari wykryje szerokość i przybliżyć do ataku, ale poza tym ...
Możesz uniknąć tworzenia różnych stron na podstawie agenta użytkownika przy użyciu warunkowego CSS. Apple ma naprawdę bardzo dobrą dokumentację dotyczącą tworzenia stron internetowych, które mogą obsługiwać Safari na iPhonie wraz z przeglądarkami komputerowymi.
Polecam od czytania iPhone Human Interface Guidelines for Web Applications. Zapewni to dobry start w korzystaniu z warunkowego CSS w celu dostosowania stron w oparciu o cechy urządzenia (takie jak rozmiar ekranu), a nie User Agent.
Zauważyłem, że jeśli twoje ciało lub główna wysokość dziania w daszku są ustawione na 100%, może to zepsuć to, jak daleko się powiększa/wyświetla w przeglądarce mobilnej. Potwierdzono to w mobilnym safari i chromowanej przeglądarce Androida. Gdy ustawię wysokość # siteWrapper z 100% na auto, to zostanie ono renderowane w znacznie lepszej skali.
(wysokość 100% przy głównej owijki jest często używany z lepkimi stopek.)
Nie był to problem, który miałem, ale dał mi wskazówkę. Okazało się, że usunięcie deklaracji minimalnej szerokości rozwiązało mój problem. – tanman
rację, to jest to, co myślałem, że miał na myśli pytanie. Jako przykład dodaj element , który wygląda tak: –
Dzięki! Działa również w Operze Mini. Nie jestem pewien co do innych przeglądarek .. – m33lky