To może wydawać się bardziej pytaniem o projekt graficzny niż pytaniem programistycznym, ale myślę, że ma znacznie więcej zalet technicznych / programistycznych niż faktyczny projekt graficzny.
Koncepcja „responsywnego” projektowania stron internetowych opiera się na wykorzystaniu zapytań o media w CSS3 w celu wykrycia wielkości urządzenia wyświetlającego i odpowiedniego dostosowania reguł CSS - zasadniczo dynamicznego CSS. To wypełnia lukę w wielu przypadkach wdrażania - w szczególności mobilnych.
Myślę, że korzystanie z zapytań o media pojawia się powoli (okazało się, że wiele osób tak naprawdę o tym nie wie), ale zastanawiam się, czy istnieje powód do powolnego przyjmowania. Czy jest to niepraktyczne dla aplikacji internetowych? Czy brakuje mi czegoś, co może być podstawową pułapką?
Odpowiedzi:
Musisz skakać przez obręcze, aby rzeczywiście zadziałało. W przypadku strony, którą rozwijam,
@media (max-width:800px)
definiowałem arkusz stylów dla telefonów i innych mniejszych ekranów. Ale nie był używany np. Przez iPhone'a.Okazuje się, że programiści przeglądarek telefonów zakładają, że ludzie nie biorą pod uwagę małych ekranów, więc kłamią silnikowi renderującemu (na przykład iPhone twierdzi, że ma więcej niż 900 pikseli szerokości), chyba że wstawisz dodatkowy metatag, aby powiedzieć, że nie kłamać. Kiedy dochodzi do tego, że walczysz z implementatorami przeglądarki, zaczynasz się zastanawiać, czy warto.
źródło
Nie mogę mówić za wszystkich, ale z własnego doświadczenia decydował czas i pieniądze. Ja i moi koledzy zawsze patrzymy na najnowsze rzeczy, ale projektowanie i wdrażanie różnych układów dla urządzeń o różnych rozmiarach to wielka sprawa. Zwłaszcza biorąc pod uwagę, że na mojej 3-letniej Nokia 5800 wszystkie nasze strony wyglądają dobrze - pasek, który muszę przewinąć, aby uzyskać zawartość paska bocznego. Projektujemy i wdrażamy strony internetowe dla małych firm i osób prowadzących działalność na własny rachunek.
Innym powodem, który może być ważny, jest udostępnianie całkowicie oddzielnej witryny internetowej dla wersji mobilnych z własną oddzielną mapą witryny ( http://www.google.com/support/webmasters/bin/answer.py?hl=pl&answer=34648 ), jest łatwym i podstawowym sposobem na utrzymanie witryny.
źródło
Jeśli możesz zagwarantować niezawodne odzyskiwanie danych, wszystko jest w porządku.
Ale wyobraź sobie, że ktoś ładuje stronę internetową w przeglądarce okienkowej komputera stacjonarnego. Czy zmuszasz ich, aby otworzyli pełny ekran, aby przeczytać wszystko, czy dostosowujesz rozmiar do zmniejszonego okna i wyświetlasz dużo pustej przestrzeni, gdy ją maksymalizują? Podajesz CSS raz, przy ładowaniu strony!
Co z przeglądarką telefonu, która przełącza tryby krajobrazu / portretu podczas obracania telefonu? Co z przeglądarką, która po prostu ma zbyt małą rozdzielczość i ludzie zwykle używają powiększenia, ale już dostosowałeś się do zgłoszonej, zbyt małej rozdzielczości, a strona staje się nieczytelna?
Postępuj zgodnie ze standardowymi wytycznymi tworzenia przyzwoitego uniwersalnego, skalowalnego CSS i pozwól przeglądarce obsłużyć skalowanie strony do właściwej rozdzielczości.
źródło