[m.....1]

@media only screen 
and (min-width : 320px) 
and (max-width : 536px)
and (orientation : portrait)
{
/* Styles */
 @viewport { 
 width: 480px;
 }
 @-ms-viewport { 
 width: 480px;
 }
....
}

Czemu większość telefonów ma to w dupie? Szczególnie iphone 5s...
Jak najprościej i najskuteczniej to zrobić żeby wszędzie działało w miarę jednakowo?
Chodzi mi o jeden CSS dla telefonów, jeden na tablety... Bez rozdrabniania się, po prostu kilka rzeczy chce zmienić lub wyłączyć ze strony...

#css #webdev #responsivedesign

[jestem_specjalista_od_spraw]

@magik111: a jak zamiast min/max-width dasz min/max-device-width?

[laki1]

@magik111: W sumie nigdy nie korzystam z @viewport ale dokumentacja https://developer.mozilla.org/en-US/docs/Web/CSS/@viewport

mówi, że jest kiepsko z supportem :P

[m.....1]

@jestem_specjalista_od_spraw: nie działa...
@laki1: to jakim sposobem robisz wersje na komórki?

[czesu]

@magik111: A ustawiłeś w headerze viewport meta tag?

[m.....1]

@czesu: nie, chciałem to w css zrobić, ale w headerze też działa podobnie, dam np:
``
też nie działa, dopiero jak da się wyższa ilość px (powyżej 1160px;) ale to mija się z celem przecież...
ustawiałem według tej strony: http://stephen.io/mediaqueries/ żeby na tych iPhone 5s chociaż działało, ale nic. Ma w dupie to co ustawiam. Jedynie gdzie dobrze działa to na lumiach.

[wizu]

@magik111:
@czesu miał na myśli raczej to
https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag

[m.....1]

@wizu: działa! dzięki!