Font più piccolo su Tablet

[mlolcu]

Buongiorno,
stò confrontando una pagina web tra PC e Tablet. La pagina è impostata in modo che testo ed immagini contenute in una serie di DIV si adattino automaticamente alla larghezza del browser: il testo va a capo e le immagini si ridimensionano in percentuale. Utilizzo un font Verdana 12.
Noto che sul Tablet il font è più grande se nella pagina c'è solo testo, mentre si rimpicciolisce se inserisco un'immagine larga 800px. Mi aspettavo che si ridimensionasse l'immagine e non il font.
E' un Samsung Galaxy ed il browser è Chrome.
In generale, quale potrebbe essere il problema?
Se la pagina si adatta alla larghezza del browser, perchè si rimpicciolisce il font, come se fosse applicato un zoom- ?
Grazie molte

[SimoX90]

hmm probabilmente l'immagine larga 800 px non si ridimensiona, quindi (a meno di non settare un meta tag viewport, con cui però taglieresti parte della pagina, o quantomeno dell'immagine) essendo più larga del display viene ristretta tutta la pagina per visuallizzarla in tutta la larghezza, aumentando la larghezza del viewport.

[mlolcu]

hmm probabilmente l'immagine larga 800 px non si ridimensiona, quindi (a meno di non settare un meta tag viewport, con cui però taglieresti parte della pagina, o quantomeno dell'immagine) essendo più larga del display viene ristretta tutta la pagina per visuallizzarla in tutta la larghezza, aumentando la larghezza del viewport.

Ciao,
questo è inquietante: le immagini si ridimensionano su tutti i browser nel PC, perchè ciò non avviene anche su Chrome in un tablet?
Di seguito ti indico l'essenza del codice, cosa c'è di sbagliato?
Grazie ancora!

   <div class="Contenitore">
        <div class="Contenuti">
            <div style="text-align:left">
                testo...<br />
                <a href="gallery.htm"><img src="images/gallery.jpg" class="LarghezzaImmagini"/></a>
            </div> 
        </div>
    </div>

.Contenitore
{
    width:100%;
    height: 100%;
    position:relative;
    top:0;
    left:0;
    overflow:auto;
    text-align:justify;
    z-index:10;
}
.Contenuti
{
    position:relative;
    font-family: Verdana,Arial;
    font-size: 14px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: 140px;
    margin-right: 10%;
    overflow:auto;
}
.LarghezzaImmagini
{
    width: 100%;
    max-width:1024px;
}