Laissez IE6 prendre en charge l'échange min-width minimum width_Experience

Cependant, ie6, qui a le taux d'utilisation du navigateur le plus élevé, ne le prend pas en charge, bien que ie7, sorti plus tard, ait commencé à prendre en charge cet attribut. Cependant, du point de vue de l'expérience utilisateur, la prise en charge de plusieurs navigateurs est également très importante, sans compter qu'actuellement, IE6 détient toujours la part la plus élevée.
Particulièrement lors de l'utilisation d'une mise en page fluide, les attributs min-width, min-height, max-width et max-height seront utilisés. Ce qui suit est un moyen très pratique d'afficher min-width et max-height dans IE6. Les méthodes de min-height, max-width et max-height avec le même effet sont partagées avec vous ici.
Assez de bavardage, voici le code source :
Déclenchez et utilisez les fonctionnalités étranges de la mise en page IE6, implémentation CSS :

Copier le code Le code est le suivant :

>

ie6-under, le conteneur implémente l'effet de largeur minimale simulé. Veuillez redimensionner la fenêtre du navigateur comme vous le souhaitez et cliquez sur le bouton « Afficher la largeur ».

démonstration d'implémentation CSS :

CSS implémente la largeur minimale<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title> </title> <style type="text/css"> body{ text-align:center;} .ie6-out{ _margin-left:900px; _zoom:1; } .ie6-in{ _position:relative; _float:left; _margin-left:-900px; } #min-width{ min-width:900px; background:#ccc; line-height:200px; _zoom:1; } </style> <div class="ie6-out">Sous ie6-, le conteneur impl茅mente un effet de largeur minimale simul茅. Veuillez redimensionner la fen锚tre du navigateur comme vous le souhaitez et cliquez sur le bouton 芦</div>