1495 sujets

Web Mobile et responsive web design

[Résolu] Adaptation aux tablettes et téléphones portables (responsive)

Bonjour à toutes et à tous.
J'ai crée un page page pour jouer en famille.(mimes)
Cette page fonctionne très bien sur pc, par contre elle ne s'adapte pas aux téléphones portables.
Je ne trouve pas de solution simple pour modifier ou le css et/ou le html.
D'avance merci de votre aide , si ce n'est pas trop compliqué.
Le site: http://bruno.animations.free.fr
Modifié par BruChri (28 Mar 2026 - 11:45)
Bonjour,
>> mais compte tenu du nombre d'images
Je ne vois qu'une seule image dans le code source de cette page, soit : 
<a class="portfolio-item"><img src="JPEG/logo.gif" id="image" name="show" alt="logo"></a>

Comme vous utiliser bootstrap vous pouvez utiliser la class img-fluid sur l'image en question.
https://getbootstrap.com/docs/5.0/content/images/

Mais pourquoi un <div class="col-md-6"> pour contenir le titre et le lien?

>> je crains que ce soit trop compliqué pour mon petit savoir.
Formez vous dans les technos que vous utilisez!
casper2 a écrit :
Bonjour,
&gt;&gt; mais compte tenu du nombre d'images
Je ne vois qu'une seule image dans le code source de cette page, soit : 
&lt;a class="portfolio-item"&gt;&lt;img src="JPEG/logo.gif" id="image" name="show" alt="logo"&gt;&lt;/a&gt;

Comme vous utiliser bootstrap vous pouvez utiliser la class img-fluid sur l'image en question.
https://getbootstrap.com/docs/5.0/content/images/

Mais pourquoi un &lt;div class="col-md-6"&gt; pour contenir le titre et le lien?

&gt;&gt; je crains que ce soit trop compliqué pour mon petit savoir.
Formez vous dans les technos que vous utilisez!


Merci casper2
Prévenir un modérateur
Répondre au sujet
Aller à