Visualizzazione dei risultati da 1 a 3 su 3

Hybrid View

  1. #1
    Utente di HTML.it
    Registrato dal
    Dec 2013
    Messaggi
    228
    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.

  2. #2
    Utente di HTML.it
    Registrato dal
    Nov 2009
    Messaggi
    27
    Quote Originariamente inviata da SimoX90 Visualizza il messaggio
    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!


    codice:
       <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>
    codice:
    .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;
    }

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.