[HTML] Problema visualizzazione immagini su dispositivi

Discussione in 'HTML e CSS' iniziata da misch, 5 Aprile 2018.

  1. misch

    misch Nuovo Utente

    Registrato:
    5 Aprile 2018
    Messaggi:
    3
    Mi Piace Ricevuti:
    0
    Punteggio:
    1
    Sesso:
    Maschio
    Ciao a tutti,
    vorrei sottoporre alla vostra attenzione il seguente errore che sto riscontrando nella visualizzazione del mio sito web da dispositivo. Premetto che da browser su pc funziona tutto alla perfezione.

    Nel mio sito web, in homepage, sono presenti tre immagini di sfondo che scorrono automaticamente.
    Questo il codice:


    HTML:
    <section class="homepage-02">
                                
                                <div class="page-banner banner-04">
                                    <div class="container">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="content-wrapper">
                                                    
                                                    <h1 class="title">SVILUPPO</h1>
                                                    </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="page-banner banner-07">
                                    <div class="container">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="content-wrapper">
                                                  
                                                    <h1 class="title"></h1>
                                                    </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="page-banner banner-08">
                                    <div class="container">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="content-wrapper">
                                                  
                                                    <h1 class="title"></h1>
                                                    </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                
                            </section>
    Come dicevo, su browser, da qualsiasi pc, tutto funziona alla perfezione, mentre da dispositivo (iphone), una volta aperta la homepage, le tre immagini vengono visualizzate una sotto l'altra.

    Un ulteriore problema che non so risolvere riguarda la dimensione di queste tre immagini:
    da pc tutto ok, ma su dispositivo l'immagine viene ingrandita e, di conseguenza, tagliata.
    Nel sito sono presenti altre immagini ed ho risolto questo problema con il tag "responsive", ma nel caso delle immagini in homepage non so come fare.

    Grazie per l'aiuto.
     
  2. Max 1

    Max 1 Super Moderatore Membro dello Staff SUPER MOD MOD

    Registrato:
    29 Febbraio 2012
    Messaggi:
    2.735
    Mi Piace Ricevuti:
    213
    Punteggio:
    63
    Sesso:
    Maschio
    Il tag responsive non esiste!
    Dal codice che hai postato non si evince il problema
    A naso penso che il problema sia dato dalla dimensione fissa attribuita alle immagini
    Per una valutazione esatta abbiamo bisogno di vedere la pagina online
     
  3. misch

    misch Nuovo Utente

    Registrato:
    5 Aprile 2018
    Messaggi:
    3
    Mi Piace Ricevuti:
    0
    Punteggio:
    1
    Sesso:
    Maschio
    Ti ringrazio per la risposta Max,
    per le altre immagini ho risolto aggiungendo
    HTML:
    <span class="img-responsive"><img src="assets/img/ambiente.png"/></span>
    Probabilmente non è un tag...mi scuso ma non sono assolutamente esperto di linguaggio html.

    Il sito web è www.fclambiente.eu
     
  4. Max 1

    Max 1 Super Moderatore Membro dello Staff SUPER MOD MOD

    Registrato:
    29 Febbraio 2012
    Messaggi:
    2.735
    Mi Piace Ricevuti:
    213
    Punteggio:
    63
    Sesso:
    Maschio
    Quelle immagini non potranno mai adattarsi a risoluzioni dei mobili perchè impostate per una risoluzione di 1900px.
    Per vedere il sito su dispositivi mobili bisogna rivederlo tutto in modo responsive il che non è possibile spiegartelo qui ma bisogna che tu segua una buona guida anche online
     
  5. misch

    misch Nuovo Utente

    Registrato:
    5 Aprile 2018
    Messaggi:
    3
    Mi Piace Ricevuti:
    0
    Punteggio:
    1
    Sesso:
    Maschio
    Perfetto, allora cerco qualcosa online!
    Ti ringrazio!
     
Sto caricando...

Condividi questa Pagina