Hai fatto una bellissima applicazione che nelle risoluzioni del mondo desktop vedi alla grande ma che una volta acceso il cellulare sul browser ti fanno cadere le braccia e ti DEQUALIFICANO? Niente paura il framework BOOTSTRAP interviene per ridarti PROFESSIONALITA’. Prendiamo un esempio pratico tratta dalla mia nuova WEB APP in gestazione all’ indirizzo http://umbriawayformazione.altervista.org/ci_project_chess/index.php/chess/bg7. Come fare per ridimensionare l’immagine anche sul mobile e strappare un contratto alla NASA come esperto del mondo ICT a 360 gradi? Premesso che la pagina deve avere tutti i doverosi collegamenti al framework la SOLUZIONE 1 proposta é: intervenire all’ interno del TAG IMG attributo SRC:

<img  src="<?php echo base_url();?>directory/img/<?php echo $res->miaimg ?>" alt="fwd">

inserendo la classe specifica:

class="img-responsive" 

Succede per esempio che il problema continua ad insistere allora la SOLUZIONE 2 proposta é: intervieni sul contenitore che ha al suo interno l’immagine ospitata e trasforma un

<div class="container">

in

<div class="container-fluid">

in questo modo tutto ciò che si trova dentro si adatta. Vedi che anche questa non funziona? Ripristina a contenitore normale come classe e giocatela sulla logica delle dimensioni con la SOLUZIONE 3, applica uno stile interno per dire all’ immagine che deve stare al cento per cento delle dimensioni solo all’ interno del contesto in cui la ospita con:

style="width:100%"

vedi che questa volta dopo un batti e ribatti serrato il tutto ha funzionato? Benissimo! Non è stato necessario nemmeno inserire l’altezza in percentuale perché l’immagine si é adattata in proporzione!

Rispondi

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo di WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione /  Modifica )

Google photo

Stai commentando usando il tuo account Google. Chiudi sessione /  Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione /  Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione /  Modifica )

Connessione a %s...