Mam swoją stronę w internecie i pracuję teraz nad dostosowaniem jej do urządzeń mobilnych. Umiem zrobić tak aby strona dostosowywała się do każdej rozdzielczości, używam bootstrap'a, jak wchodzę na strony typu : http://testrwd.pl/ i wpisuję adres to wszystko jest o.k. Wczoraj odwiedził mnie znajomy i wpisałem adres na jego telefonie, zauważyłem że rozdzielczość jego ekranu jest co najmniej taka sama jak na moim laptopie - czyli wyświetla się dokładnie tak jak na zwykłym komputerze tylko wszystko jest zminiaturyzowane i tak np. nie można trafić w selecty czy checkboxy bo są malutkie - a tak nie może być. Najnowsze telefony mają wysoką rozdzielczość, są też jednak takie z mniejszą np. około 640x400. No nie wiem teraz jak do tego podejść aby na każdym telefonie, tablecie wszystko wyglądało normalnie. To jak? Pomożecie? :)
0
0
Jakich kontenerów używasz w bootstrapie i jaką przeglądarką posługiwał się Twój znajomy ?
1
<meta name="viewport" content="width=device-width, initial-scale=1">
0
mr_jaro napisał(a):
<meta name="viewport" content="width=device-width, initial-scale=1">
O.K Poszukałem w google i znalazłem informację :
Dołącz tag width=device-width, by dopasować stronę do szerokości ekranu w pikselach niezależnych od urządzenia.
Powiedzcie mi drodzy forumowicze czy ja to dobrze rozumiem, nawet jeżeli telefon miałby np. 2000x1200px to ten tag spowoduje, że rozdzielczość zostanie zmieniona na mniejszą dopasowaną do szerokości ekranu czyli np. 640x400.
Czyli na małym ekraniku przeglądarka będzie myślała, że ekran ma znaczniej mniej pikseli niż w rzeczywistości?
0
Mniej więcej tak to działa
0
No i właśnie tego szukałem. Bardzo Ci dziękuję dobry człowieku :)