espacement de texte incorrect sur mobile - Ordinateur de bureau et les petites tailles de fenêtre sont très bien

craigknelson espacement de texte incorrect sur mobile - Ordinateur de bureau et les petites tailles de fenêtre sont très bien

Je ne suis pas grand au codage - je peux personnaliser des choses existantes, mais je vais avoir beaucoup de mal à corriger le logo/tête sur mon page. C'est juste un texte qui dit "craigknelson" en haut à gauche de la page.

Il fonctionne parfaitement bien sur le bureau lors du dimensionnement d'une fenêtre de navigateur vers le bas, mais quand vu sur mobile, il étend le texte, et étend ainsi la largeur de ma fenêtre entière.

Est-ce un problème de CSS avec mon espacement de texte?

mobile site

Source

2016-09-28 Craig Nelson

partager une image esprit de ce qu'il ressemble à votre côté, je peux alors obtenir une meilleure compréhension du problème que vous rencontrez. En outre, après avoir regardé votre site Web (joli aussi), j'ai joué avec l'espacement des lettres et cela pourrait avoir quelque chose à voir avec ça. Peut-être que cela a à voir avec les paramètres par défaut du navigateur mobile, tels qu'ils peuvent déjà avoir un certain espacement des lettres et l'ajout de plus le rend étiré. Essayez de supprimer tout espacement des lettres et de l'ajouter de nouveau pour vous assurer qu'il n'y a pas de navigateur par défaut. Si tout le reste échoue, essayez d'utiliser px au lieu de em pour les mesures d'espacement des lettres. Merci!

Source

2016-09-28 05:18:55 Tishbyte

Merci beaucoup! Et bien sûr, j'aurais dû faire ça pour commencer. –

L'espacement des lettres semble fonctionner par taille de pixel, et donc pour un bureau qui a beaucoup de pixels, cela semble correct. Mais pour un mobile qui n'a pas de pixels, il prend la majorité de l'espace. Une suggestion possible serait de prendre le texte du logo et de le convertir en une image svg qui évolue en conséquence. – Tishbyte

Cela n'a pas vraiment résolu le problème mais c'était une bonne solution! converti en un .svg Merci pour la suggestion que vous rock! –

Votre site est simple et propre .. Réduire l'espacement des lettres et la hauteur de ligne.

Source

2016-09-28 05:55:29 user3260487

Salut, merci! J'ai essayé de réduire l'espacement des lettres, ce qui a eu un impact négatif sur l'affichage du bureau (ce qui est la partie du trafic la plus importante en raison de la nature du site), mais je souhaite également qu'il s'affiche correctement sur les mobiles. Je suppose qu'il peut être question d'ajuster l'espacement des lettres ailleurs? Je ne suis pas sûr qu'il y ait une autre raison pour laquelle ça s'affiche comme ça. –

espacement de texte incorrect sur mobile - Ordinateur de bureau et les petites tailles de fenêtre sont très bien

Répondre

Questions connexes