2010-03-17 9 views
0

J'ai une fonction de redimensionnement des polices sur ma page qui augmente la taille de la police via javascript pour toute la page.La diminution de la taille de la police IE ne fait pas diminuer la hauteur de la boîte de sélection

Cela fonctionne très bien dans la plupart des navigateurs sauf IE. Lorsque vous diminuez la taille de la police après l'avoir augmentée, la nouvelle hauteur des cases de sélection ne diminue pas, même si la taille de la police diminue. Au lieu de cela, la plus petite police semble être complétée avec de l'espace blanc.

Des idées sur ce que l'IE fait ici, et un travail autour?

function setFontSize(newFontSize) 
    $('select').css("font-size", newFontSize); 
} 
+1

Nous aurions besoin de voir le code. Cela dit, je suggérerais qu'un widget de resizer de police pourrait être inutile pour deux raisons 1) Les navigateurs ont déjà cette fonctionnalité intégrée 2) Les nouveaux navigateurs le font plutôt bien avec un zoom de pleine page plutôt qu'un redimensionnement pur de la police. –

+0

Est-ce que jQuery? Si oui, marquez-le. –

+0

Avez-vous essayé de changer la hauteur de ligne avec le changement de taille de police? Je ne sais pas si cela aurait l'effet désiré, mais ça vaut le coup – nybbler

Répondre

1

Après IE rend la zone de sélection, vous ne pouvez pas changer le style de celui-ci avec le javascript (seulement ajouter, supprimer des éléments, pas de style ou des trucs comme ça). Ce n'est pas une bonne chose. En guise de solution de rechange, j'ai créé une nouvelle boîte de sélection (clone du premier) avec le style que je désire, puis je l'ajoute en tant qu'enfant du conteneur. Cela l'affichera correctement.

+0

Je suis en mesure de changer la taille de la police, et l'augmentation de la taille via la police de caractères semble bien fonctionner. Il semble seulement que la hauteur ne veuille pas diminuer une fois qu'elle a déjà été augmentée, même si la taille de la police est plus petite. – cweston