Maison > interface Web > tutoriel CSS > Taille d'entrée par rapport à la largeur : quel est le meilleur pour la compatibilité entre navigateurs ?

Taille d'entrée par rapport à la largeur : quel est le meilleur pour la compatibilité entre navigateurs ?

Barbara Streisand
Libérer: 2024-11-06 06:05:02
original
691 Les gens l'ont consulté

Input Size vs Width: Which is Best for Cross-Browser Compatibility?

Taille de saisie vs largeur

Lors de la spécification de la taille d'un champ de saisie, vous avez deux options : utiliser l'attribut size ou width. Mais lequel est le meilleur code multi-navigateurs ?

La réponse est : vous pouvez utiliser les deux. Le style CSS remplacera l'attribut size dans les navigateurs qui prennent en charge CSS et donnera au champ la largeur correcte, et pour ceux qui ne le font pas, il reviendra au nombre de caractères spécifié.

Modifier : J'aurais dû mentionner que l'attribut size n'est pas une méthode précise de dimensionnement : selon la spécification HTML, il devrait faire référence au nombre de caractères de la police actuelle l'entrée pourra s'afficher immédiatement.

Cependant, à moins que la police spécifiée ne soit une police à largeur fixe/monospace, ceci

pas une garantie que le nombre de caractères spécifié sera réellement visible; dans la plupart des polices, différents caractères auront des largeurs différentes. Cette question a de bonnes réponses concernant ce problème.

L'extrait ci-dessous démontre les deux approches.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal