Suivi — Feuilles de style (CSS) Les bloques de code et les tableaux cassent le rendu mobile

#1908 Posté par  (site web personnel, Mastodon) . État de l’entrée : corrigée. Licence CC By‑SA.
Étiquettes : aucune
0
2
nov.
2019

Hello,

Les bloques de code peuvent casser le rendu sur écran mobile:

la dépêche Fedora était bien rendue à 100% de la largeur de l'écran mobile.

Par contre, il y a eu un commentaire avec un bloque de code dont une ligne est trop long pour l'écran mobile. Depuis, la dépêche ne prend plus 100% de l'écran mobile.

Pour résoudre ce cas, je vois 2 solutions :

  • soit on force les lignes de code à être coupées en petits morceaux via la propriété overflow-wrap de CSS
  • soit on fait apparaître un ascenseur horizontal pour les bloc de code

Comme les bloques de code sont sensés contenir du texte non formaté, je pense que l'ascenseur est le mieux. Qu'en pensez-vous ?

Si je me souviens on a la même problématique avec les tableaux. Là aussi est-ce que l'ascenseur peut être une bonne solution ?

Envoyer un commentaire

Suivre le flux des commentaires

Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.