Kod umożliwiający odróżnienie telefonów od komputerów

Question

Witam

Jakiś czas temu skończyłem pisać stronę internetową. Wyglądało na to, że wszystko już gotowe, jednak po uruchomieniu strony na telefonie... Nie wyglądało ona tak jak powinna. Zdjęcie z tła znikło, oraz zmienił się ogólny wygląd strony. Domyślam się, iż należy napisać stronę od nowa, tym razem jednak pisząc ją tak, aby na telefonie wszystko było dobrze wyświetlane. Jednak nie wiem, co zrobić, aby mój kod wczytywał odpowiednią wersję strony w zależności od urządzenia, którego używa użytkownik. Czy wiecie, w jaki sposób można temu zaradzić?

Answer 1

Dodaj taki metatag:

<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, width=device-width, user-scalable=no" />

do tego odpowiednie mediaqueries i bedzie smigalo

Comments

Dzięki, naprawdę to mi bardzo pomogło. Och, ile ja tego szukałem (:

---

maximum-scale=1.0 i user-scalable=no należy usunąć.

Answer 2

Masz kilka linków odnośnie tematu:

 

- - - - -

 

Artykuł o tym czym jest strona responsywna i jak ją zrobić

Tworzenie strony responsywnej

Jak wykryć urządzenie mobilne

 

- - - - -

 

Jak choć trochę pomogłem - daj plusa :D