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 ?
# Patch
Posté par Adrien Dorsaz (site web personnel, Mastodon) . Évalué à 2 (+0/-0). Dernière modification le 14 novembre 2019 à 09:55.
Hello,
J'ai proposé le patch ici pour régler ce problème: https://github.com/linuxfrorg/linuxfr.org/pull/259
Le seul soucis, c'est que pour pouvoir utilisé la propriété
table-layout
des tableaux, je suis obligé de définir la taillewidth: 100%
. Je pense que c'est pas si mal, mais ça va changer un peu le rendu des tableaux qui sont dans des contenus (les statistiques ne sont pas affectées :)).Pour voir les cas que j'ai testé, c'est à la fin de cet article et dans le premier commentaire.
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.