Tu as raison, je ne comprends effectivement rien à ce que tu dis.
Je reprends la description de la situation actuelle de ce problème:
1) la page est correcte sur un navigateur PC si on réduit la taille de l'écran pour épouser celle d'un téléphone grâce à la directive
overflow-wrap: anywhere;
que j'ai ajoutée dans la page de style /common.css qui est partagée par toutes les pages du site
2) par contre elle reste mal présentée sur un vrai téléphone, iPhone ou Android
J'ai cru que c'était parce que la page /common.css était dans le cache du navigateur, mais le problème persiste si je vide le cache.
J'avais bien vérifié au préalable que la raison était que l'auteur de la page a écrit en bas de l'article
<footer>
<nav>
Initial text by Nicholas Reeves : <a href="https://www.academia.edu/14406398/The_Burial_of_Nefertiti_2015">https://www.academia.edu/14406398/The_Burial_of_Nefertiti_2015</a><br>
addendum/corrigendum by Reeves : <a href="https://www.academia.edu/15247276/The_Burial_of_Nefertiti_Addenda_and_Corrigenda_2015_" target="_blank">https://www.academia.edu/15247276/The_Burial_of_Nefertiti_Addenda_and_Corrigenda_2015_</a><br>
A critical analysis by Prof. Dr. Frank Müller-Römer (in German) : <a href="https://www.academia.edu/14921317/Kritische_Anmerkung_zu_The_Burial_of_Nefertiti_von_Nicholas_Reeves" target="_blank">https://www.academia.edu/14921317/Kritische_Anmerkung_zu_The_Burial_of_Nefertiti_von_Nicholas_Reeves</a><br>
and the same in English : <a href="https://www.academia.edu/15171365/Kriti_s_remark_to_The_Burial_of_Nefertiti_by_Nicholas_Reeves" target="_blank"> https://www.academia.edu/15171365/Kriti_s_remark_to_The_Burial_of_Nefertiti_by_Nicholas_Reeves </a>
</nav>
</footer>
Mettre en clair les url au lieu de mettre un texte "normal" dans <a> est effectivement la cause de ce problème: ces urls sont très longues et influent sur la largeur de leur conteneur.
J'ai bien vérifié que si je "commente" le <footer> tout rentre dans l'ordre
La page du site "officiel" est
https://www.osirisnet.net/news/n_11_15.htm?fr
Elle ne contient pas les modifications que j'ai tentées de mettre sans succès dans les pages
https://tests.osirisnet.net/news/n_11_15.htm?fr et
https://tests.osirisnet.net/news/@n_11_15.htm?fr
Tout se passe comme si la directive
overflow-wrap: anywhere;
n'était pas prise en compte par les navigateurs des téléphones.
Ce n'est peut être pas le cas, c'est peut être un effet de bord entre les différentes pages de style css, mais je n'ai rien trouvé, car s'il est facile de regarder ce qui se passe sur un navigateur FF ou Chrome sur un PC, je ne sais pas faire la même chose sur un téléphone.
Merci à tous de m'aider à sortir de ce pétrin.