buonasera a tutti, sto cercando di sviluppare una pagina web in css3 e html5
però trovo subito un ostacolo in quanto vorrei che delle immagini si ridimensionassero automaticamente in base al device con cui mi collego, ho notato che allo stato attuale se mi collego da smartphone non si ridimensiona nulla eppure ho utilizzato il viewport nel meta tag...
come mai?
la pagina a cui faccio riferimento è questa:
www.francescopassanante.com/prova/index.php
il codice dello style è il seguente:
mentre della pagina html è la seguentecodice:#main{ box-sizing:border-box; font-family:Verdana; font-size:14px; } #topdiv{ display:flex; justify-content:space-around; background-color:#ff0000; } #forzasilvio{pagging:0 20px;margin:0px;} #titolo{padding:0 20px;margin:0px;} #forzaitalia{padding:0 20px;margin:0px;}
infine vorrei dire che non voto silvio berlusconi sto facendo solo un favore ad una amica che mi paga per fargli il sito della sua candidatura.. non sono nemmeno contento io di farglielocodice:<!doctype html> <head> <meta name="viewport" content="width=device-width"> <link rel="stylesheet" href="css/style.css"> </head> <body> <div id="main"> <div id="topdiv"> <div id="forzasilvio"><img style="height:135px;width:150px;" src="img/forzasilvio.jpg" alt="Club Forza Silvio - Bergamo"></div> <div id="titolo"><h1>laura capella</h1></div> <div id="forzaitalia"><img style="height:135px;width:150px;" src="img/forzaitalia.jpg" alt="Forza Italia"></div> </div> </div> </body> </html>