responsive/adaptive design na iphonu

Nimam dosti izkušenj z adaptive/responsive stranmi tako da bi potreboval malo pomoči in sicer:

zadevo sem naredil da se prilagaja z pomočjo media-queries in načeloma deluje ok .. razen na iphone ne ... in sicer vsi elementi so prilagojeni, velikost pisave pa je premajna, neberljiva.

Mogoče ve kdo v čem je težava in kako bi se dalo rešit?

v CSS sem nastavil em enote namesto px, testiral z raznimi CSSji kot je -webkit-text-size-adjust:100%; font-size: 100%; ... z meta tagom meta name="viewport" content="width=device-width, initial-scale=1" ... mogoče še kaj ..

neuspešno....

sigurno je neka majhna finta ki je nevem :)

hvala za odgovore

Si prepričan da ti media queries "pali" za iphone? Torej da dejansko deluje?

trenutno strani ne morem pokazat .. pa celo kodo na jsfidle dat tudi ne morem ..

kakorkoli tukaj je screenshot:

leva stran je dejanska stran na iphonu, desna stran je tako kot mora bit (narejena z iphone emulatorjem) in tako je tudi videt na android in ostalih telefonih

v bistvu je jasno videt da je font na levi iz nekega razloga ful premajhen in se ne prilagaja kot bise moral (primer desno)

the-uros meni se zdi da ti mediaqueries ne palijo na iphone. Ampak tak na pamet je težko reči. Nastavi background:red tam ko ciljaš iphone pa boš videl kje si.

HardPhuck kaj pa če dizajn ni bil narejen z responsive v mislih? Pol si najebal. Zurb je super, ampak ima tud svoje cvetke in porabiš kar dosti časa da jih prilagodiš. Sicer ko enkrat spoznaš te napake je potem zmeraj lažje.

in mimogrede .. že narejene zadeve so načeloma ok za videt kako zadeva dela, vendar prisegam na svoje rešitve (ko naštudiram zadeve seveda).

To je zelo naivno razmišljanje oz. ista logika kot trditve tipa Bom raje napisal svoj CMS kot uporabil Wordpress/Drupal.

Matek => ok ne pretiravat... kot svoje rešitve sem imel v mislih razne layoute in plugine in ne celotnih sistemov. Marsikaj uporabljam že narejenega, vendar večino rešitev si naredim raje sam, saj ko se kaj zalomi vem kako popravit ... z že narejenimi zadevami pa sem že prevečkrat poprabil preveč časa da sem sploh dobil napako preden sem jo začel odpravljat (seveda mislim bolj za kakšne kompleksnejše cms plugine)

RockyS => žal stran še ni dosegljiva online (copy paste cele html/css kode pa nima smisla) ... hotel sem samo, da mi kdo poda kakšno mnenje kaj bi lahko bilo narobe oz. če je kdo imel podoben primer, bi mi lahko znal takoj povedat kje naj iščem težavo.

iphone 5?

@media only screen and (max-device-width: 480px), only screen and (min-device-width: 640px) and (max-device-width: 1136px) and (-webkit-min-device-pixel-ratio: 2) {
/* css */
}