[HTML] Problema visualizzazione immagini su dispositivi

misch

Nuovo Utente
5 Apr 2018
3
0
1
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.
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.449
338
83
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

Nuovo Utente
5 Apr 2018
3
0
1
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
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.449
338
83
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
 
Discussioni simili
Autore Titolo Forum Risposte Data
fulviozecchin Problema Visualizzazione tabelle HTML nel Browser HTML e CSS 9
L problema collegamento file css con html HTML e CSS 1
tomorc [HTML] Problema con scroll bar (risolto) HTML e CSS 0
P [HTML] Problema ERR_INCOMPLETE_CHUNKED_ENCODING 206 (Partial Content) con Font HTML e CSS 1
L [HTML] Problema con navbar HTML e CSS 0
F [HTML] problema tag canonical HTML e CSS 7
ANDREA20 [HTML] problema con i div HTML e CSS 10
Tommy03 [HTML] Problema Iphone - Android HTML e CSS 1
L [HTML] problema sfondo tutto schermo con immagine HTML e CSS 1
A [HTML] Problema HTML e CSS 2
Daniele_Carrara [HTML] Problema attributo min HTML e CSS 0
S [HTML] problema resonsive HTML e CSS 2
S [HTML] Problema <input type="date"> HTML e CSS 0
M problema con video in html 5 HTML e CSS 7
A [HTML] Sfondo responsive - problema specifico HTML e CSS 5
1992lvc [WordPress] Problema sidebar widget html Facebook WordPress 2
M [HTML] problema spazio aggiuntivo tra elementi <li> di menu a tendina HTML e CSS 1
P [HTML] Problema con menu orizzontale a tendina per sito web HTML e CSS 17
Andrea_Ventura [HTML] Problema centrare elemento orizzontalmente HTML e CSS 9
Angelo Russo [HTML] piccolo problema di impaginazione HTML e CSS 13
Selenio89 problema a caricare immagine con html. dove sbaglio? HTML e CSS 25
Kolop [WordPress] [HTML] Problema header su mobile WordPress 4
S [HTML] Problema non visibilità del sito HTML e CSS 1
J [HTML] problema IFrame con dispositivi IOS HTML e CSS 0
R [PHP] Problema stampa array bidimensionali con formula $html.=<<<myHtml... PHP 2
D [phpBB] [HTML] Problema pagina elenco argomenti (di forum) phpBB 9
A [HTML] Problema Safari e unita vw e vh. HTML e CSS 4
jonnino2004 [HTML] problema con bordo su h1 HTML e CSS 2
trattorino [PHP] [HTML] problema form PHP 1
B [HTML] Problema main box di un template HTML e CSS 2
Michaelweb93 [HTML] Problema sito web - wordpress WordPress 2
T [HTML] Problema pulsante scroll down su ecommerce CMS (Content Management System) 0
S [Javascript] [HTML] problema nella stampa degli elementi della pagina Javascript 3
S Problema invio form php/html PHP 3
S [HTML] Problema menu a comparsa HTML e CSS 5
nipone [WordPress] [HTML] Problema su Sticky Sidebar WordPress 2
M [HTML] Problema Checkbox HTML e CSS 3
M [WordPress] [HTML] Problema immagine background respondive WordPress 21
S [HTML] Problema Sovrapponimento Tab con Contentuto HTML e CSS 0
D [HTML] Problema con Dreamweaver; 1) tabella con larghezza 100% 2) Immagine che si adatta a Div HTML e CSS 28
filomeni Problema con mail() in html PHP 4
S [HTML] Problema immagini verticali che si visualizzano capovolte HTML e CSS 3
L [HTML] bootstrap problema menu dropdown in mobile. HTML e CSS 3
P problema sito html su smartphone.. HTML e CSS 17
S Problema trasformare una stringa in html object Javascript 0
A problema : codice html HTML e CSS 1
C Problema con html e php :D PHP 1
D Problema collegamento file css con html HTML e CSS 4
O Problema con email in formato HTML PHP 1
G html problema table scrollable con header fisso HTML e CSS 2

Discussioni simili