Les trucs, les stratégies marketing, les logiciels, les astuces à utiliser ...


Auteur Sujet: Smarphones tablettes etc  (Lu 8501 fois)

Hors ligne FortTrafic

  • Modérateur Global
  • Membre Héroïque
  • *****
  • Messages: 1215
  • Karma: +19/-18
  • Sexe: Homme
  • Les Fameuses Vidéos
    • Voir le profil
    • CLUB AFFILIATION FACILE
Re : Smarphones tablettes etc
« Réponse #15 le: 10 février 2016 à 13:17:21 »
Oui tu parles de cette page sans doute : http://jegagnealeuromillions.fr
Le problème c'est que le designer a mis le texte dans un div class="container" style="padding: 80px" plus encore dans un bloc de type well mais là encore customisé avec un padding de 60px !.
Et quand on le voit sur un ecran de smartphone (<768 pixels et plutot beaucoup moins en réalité) le texte est centré avec de grosses marges à gauche et à droite. En gros, au minimum 80 * 2 + 60 * 2 = 280 px de padding pour un petit écran il ne reste pas grand chose pour le texte :-)

Moi j'ai évité le problème totalement en ne changeant rien au padding par défaut, bootstrap se débrouille bien tout seul. Bien sûr du coup au niveau "design" mon site reste laid/basique sur tous les appareils mais lisible.

Il doit y avoir d'autres solutions, prévoir un design différent pour les petites largeurs (xs dans bootstrap)
« Modifié: 10 février 2016 à 13:37:07 par FortTrafic »