John Resig, le père de jQuery, a écrit un article « Problèmes de sous-pixels dans CSS ». Il y a 4 divs flottants dans un div de 50 px de large, chacun ayant une largeur de 25 %. Cependant, divers navigateurs ont des problèmes dans leur compréhension de 50*25. %. ( démo ):
Ensuite, " CSS Sub-pixel Background Misalignments " de Steven Wittens a testé la différence de centrage de l'image d'arrière-plan de l'élément parent lorsque l'élément à largeur fixe était centré horizontalement, ce qui nous a éblouis ( démo ) :
Ce qui est déprimant, c'est que non seulement IE, mais aussi les différentes versions de chaque navigateur présentent de légères différences... Heureusement, cette situation est rarement rencontrée dans le travail réel, et ce n'est qu'une situation relativement simple. Les scénarios d'application les plus typiques sont : Certains. Les pages d'activité des membres QQ ont une très large et magnifique image de 1 280 px au centre, la zone centrale est de 980 px au centre, et autant la partie autre que 980 px peut être affichée à une résolution de 1 024, aucune barre de défilement horizontale n'apparaît, plus grande que 1024 Si la résolution est plus grande, l'image entière sera affichée. Jetons un coup d'oeil à une démo simple (afin de faciliter la découverte et la synthèse des problèmes, la grande image extérieure fait 400px de large (correspondant aux 1280px ci-dessus), les 200px du milieu sont creusés (correspondant aux 980px ci-dessus), et l'image du milieu fait 200 px de large) :
afficher la copie ordinaire dans le presse-papiers ?
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
http://www.w3.org/1999/xhtml ">