[HTML] Problema visualizzazione immagini su dispositivi

[misch]

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:

<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.

 

[Max 1]

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

 

[misch]

Ti ringrazio per la risposta Max,
per le altre immagini ho risolto aggiungendo

<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

 

[Max 1]

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

 

[misch]

Perfetto, allora cerco qualcosa online!
Ti ringrazio!