Les barres de défilement horizontales sont-elles acceptables dans une application Web interne?

1. Comment éviter un défilement horizontal sur le Web mobile avec une conception Web réactive?
2. Pourquoi les rouleaux verticaux sont-ils préférés à un parchemin horizontal?
3. Pourquoi mon site Web a-t-il un parchemin horizontal?
4. Comment arrêter le défilement horizontal dans la page Web réactive?

Comment éviter un défilement horizontal sur le Web mobile avec une conception Web réactive?

Vérifiez tous les paddages. Si vous ajoutez un rembourrage à quelque chose avec une largeur réglé à 100%, il sortira du parent. Utilisez également une réinitialisation CSS. Bien que le fait que quelque chose déborde indique une erreur dans votre conception réactive et que vous devriez essayer de le réparer à la place pour éviter que quelque chose ne soit pas visible pour un utilisateur mobile.

Pourquoi les rouleaux verticaux sont-ils préférés à un parchemin horizontal?

Une étude présentée sur WWW2009 (PDF) a révélé que les utilisateurs préféraient le défilement vertical parce qu'ils y étaient habitués par opposition au défilement horizontal et ont indiqué que le défilement horizontal parce qu'il "les a forcés à déplacer leurs yeux verticalement de haut en bas de toute la hauteur de la hauteur de la hauteur de la hauteur de la hauteur de la hauteur de la hauteur de la écran ", qui n'est pas le cas avec ...

Pourquoi mon site Web a-t-il un parchemin horizontal?

La barre de défilement horizontale apparaît sur votre site parce que div «Video Banner» a une largeur 100 VW qui signifie 100% de la largeur du navigateur. Maintenant, comme votre site a une barre de défilement verticale, il faut un peu de largeur et Div essaie toujours d'être une largeur de navigateur complète. Pour le réparer, faites la largeur de la «bannière vidéo» = 100%.

Comment arrêter le défilement horizontal dans la page Web réactive?

Si vous voulez éviter cela, vous devez vérifier les éléments de votre corps qui sont plus grands que le corps. Cela se produit lorsque vous prenez une div avec un "rembourrage" ou "marge" à l'extérieur ". conteneur "classe (twitter bootstrap). Alors supprimez tout le rembourrage et la marge à l'extérieur de la classe de conteneurs.