1485 sujets

Web Mobile et responsive web design

Bonjour à tous,

je viens de réaliser un site internet pour un client avec un module responsive intégré à un wordpress.

Je débute dans le web responsive et les media queries.
En fait le site fonctionne bien sur tablette et sur écran d'ordinateur, mais dès qu'on est sur un smartphone, le logo et les images du header et container ne s'adapte pas.

Je ne sais pas ce que je dois modifier dans les css pour que ça fonctionne et s'adapte correctement.

Voici l'adresse du site : http://www.ata-fiduciaire.eu/web/

J'ai essayer d'insérer dans le code de css-responsive ceci :
@media screen and (min-width: 200px) and (max-width: 640px) {
.pagehead {
display:block;
clear:both;
}
}

Mais je ne vois pas de changement. Si quelqu'un pouvait m'aider.

Merci
Bonjour,

Le medias queries pour les smartphones est :


@media (max-width: 768px) {

}


Sinon, si tu es sous chrom,tu as une extension qui te permets de tester sur mobile, tablette, en portrait etc ...
Voilà, je viens de mettre une capture d'écran.

J'aimerai que les deux images qui sont entourées n'apparaissent pas ou se redimensionne sur SMARTPHONE...

Car comme elles sont grandes, la mise en page est tronquée.

Que faire ? Et comment faire ?
upload/58154-ata.jpg