21-01-2013, 18:43
(Ten post był ostatnio modyfikowany: 21-01-2013, 18:45 przez Kartofelek.)
Bo screen w mobilce =/= screen na desktopie. Ogólnie to co widzisz na desktopie to jest wersja poglądowa i tyle.
Pierwsza sprawa - wejdź sobie na boilerplate html5 i ściągnij nagłówki meta. Szczególnie te dotyczące skalowania. Na ich stronie masz fajnie opisane czemu one są takie a nie inne.
Powyższy kod wcale nie jest jedynie właściwym, dlatego poczytaj o tym na boilerze.
Druga sprawa - dla lipnych przeglądarek użyj response.js
Trzecia sprawa - NIGDY nie celuj w dane pixele, właśnie dlatego że to są różne szerokości. Albo wykorzystaj zakres wartości (np max 500, min 800 itp), albo (najlepiej) wykorzystaj EM - http://css-tricks.com/zooming-squishes/
A najważniejsza sprawa. Nie bierz tego co widzisz na desktopie za pewniak tego co widzisz w mobilkach. Przeglądarki na mobilkach są powalone i nawet dobrze selektów nie pokazują. U mnie np na samsungu wave 2 (chujowy telefon!) źle wyświetla selekty, nagłówki itp. Nie jest tragicznie, ale w 100% mobilek nie obsłużysz bo się nie da.
Do testowania używaj kilku stron z różnymi widokami. Jest tego setki w necie więc nie podaję linków.
Do tego opera mini i kombajn "Keynote mobile".
Czwarta sprawa. Daj piątaka ;]
Pierwsza sprawa - wejdź sobie na boilerplate html5 i ściągnij nagłówki meta. Szczególnie te dotyczące skalowania. Na ich stronie masz fajnie opisane czemu one są takie a nie inne.
Kod:
<meta name="viewport" content="width=device-width">Druga sprawa - dla lipnych przeglądarek użyj response.js
Trzecia sprawa - NIGDY nie celuj w dane pixele, właśnie dlatego że to są różne szerokości. Albo wykorzystaj zakres wartości (np max 500, min 800 itp), albo (najlepiej) wykorzystaj EM - http://css-tricks.com/zooming-squishes/
A najważniejsza sprawa. Nie bierz tego co widzisz na desktopie za pewniak tego co widzisz w mobilkach. Przeglądarki na mobilkach są powalone i nawet dobrze selektów nie pokazują. U mnie np na samsungu wave 2 (chujowy telefon!) źle wyświetla selekty, nagłówki itp. Nie jest tragicznie, ale w 100% mobilek nie obsłużysz bo się nie da.
Do testowania używaj kilku stron z różnymi widokami. Jest tego setki w necie więc nie podaję linków.
Do tego opera mini i kombajn "Keynote mobile".
Czwarta sprawa. Daj piątaka ;]
