Problemi safari mobile

[ninitrote]

Buongiorno
non riesco capire perchè safari per iOS faccia quello che vuole. Ho un div con position:absolute e dimensione data.. su ogni altro browser, inserendo un'immagine in tale div e dandogli una percentuale come height, questa si va a ridimensionare in base al contenitore. Safari per iOS (e anche per windows ho scoperto), si ridimensiona in base alle dimensioni dell'immagine e non tiene conto del div. Come posso risolvere?

[Experiment8]

Ciao,

Puoi postare codice o link?

[ninitrote]

il sito in questione è questo..
http://edenristorantepizzeria.it/ristorante.html

sia su questa pagina che sulla pagina dove si visualizza l'immagine grande, da il problema sopra descritto..

P.S per favore non offendetemi per la "brutalità" del codice ma ho dovuto fare cosi.. lo disprezzo anch'io!!

[ninitrote]

perchè su tutti i browser si vede bene tranne su safari???

[Nobody33]

Qual'è il contenitore in questione?

[ninitrote]

Originariamente inviato da Nobody33
Qual'è il contenitore in questione?

<div id="content"> (con position absolute e width e height preimpostati).. tramite una funzione javascript riempio di immagini questo div assegnandoli una classe che le imposta l'height al 90%.. ma non so perchè sforano dal "content".. se gli dico 90% dovrebbero rimanere dentro quel maledetto div..

[ac_socmel]

http://www.html.it/articoli/siti-web...ntroduzione-6/

[ninitrote]

Originariamente inviato da ac_socmel
http://www.html.it/articoli/siti-web...ntroduzione-6/

non capisco.. l'errata visualizzazione si vede anche su safari per windows..

[Nobody33]

Come indirettamente detto da @socmel, puoi provare ad inserire nel header:

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

Non ho visto tutto il codice, ma dovrebbe andare.

Però conviene che a tempo perso ti leggi il link postatoti da @socmel.



EDIT:

Safari è webkit, quindi si dovrebbe visualizzare male anche su chrome.
Intendi dire che le immagini si rimpiccioliscono?
Se è per questo, su ff è lo stesso.
Puoi fare uno screenshot di ciò che intendi dire?

[ninitrote]

Originariamente inviato da Nobody33
Come indirettamente detto da @socmel, puoi provare ad inserire nel header:

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

Non ho visto tutto il codice, ma dovrebbe andare.

Però conviene che a tempo perso ti leggi il link postatoti da @socmel.



EDIT:

Safari è webkit, quindi si dovrebbe visualizzare male anche su chrome.
Intendi dire che le immagini si rimpiccioliscono?
Se è per questo, su ff è lo stesso.

ma non capisco a cosa mi serve quella cosa.. il sito è impostato tutto in percentuali.. perchè dovrei usare "viewport"? secondo me è un problema di safari, come ripeto anche su safari per windows si vede male..