1392 sujets

Web Mobile et responsive web design

Bonjour, je suis en formation développeur web depuis un mois, et je rencontre un problème responsive, à savoir une marge qui pop a droite à partir de 505 px et qui s'accentue plus on réduit. Je ne me vois pas copier coller tout mon code ici (ce serait bien trop long) et j'aimerais qu'on me dise d’où cela peux provenir car j'ai beau chercher je ne trouve pas.

Voici le lien de mon site: www.webagencyfr.com

Aussi le problème ne se présente pas sur firefox mais sur chrome.
Si vous avez besoin de voir mon code je peux vous envoyer le dossier en fichier zippé.
Merci bien.
Modifié par Founix (13 Dec 2019 - 19:13)
Je ne vois pas d'indications pour les tablettes et portables ???
Ton code CSS est très compliqué et le JS semble freiner la fluidité du scroll avec la souris.
utilises au minimum en bas de ton CSS

/* __________________________media 800_____________________ */
@media (max-width: 800px) {
	* {	box-sizing: border-box;	}
	body {width: auto;margin: 0;padding: 0;	}
	img,table,td,blockquote,code,pre,textarea,input,object,embed,video {max-width: 100%;}
	img {height: auto;}
	textarea,table,td,th,code,pre,samp { -webkit-hyphens: auto;  -moz-hyphens: auto;hyphens: auto;	word-wrap: break-word;	}
	code,pre,samp {white-space: pre-wrap; }
	.element1,.element2 {float: none;width: auto;}
	.hide_mobile {		display: none !important;	}
    
    body:before {content: "Version mobile du site";	display: block;	text-align: center;		font-style: italic;		color: #777;	}
}


@media (max-device-width:768px) and (orientation: landscape) {
  html {   -webkit-text-size-adjust: 100%;   -ms-text-size-adjust: 100%;  }
}


Tu veux vendre des sites web, il va falloir travailler le sujet Smiley cligne