Warum max-width: 97.5% auf Inhaltsbilder?

Gibt es einen bestimmten Grund, warum wir max-width:97.5% statt 100% in gemeinsamen Themen wie Twenty Eleven finden?

Solutions Collecting From Web of "Warum max-width: 97.5% auf Inhaltsbilder?"

Da das TwentyEleven-Thema auch eine Standardfüllung und einen Rahmen für (flüssige) Bilder enthält (siehe CSS unten), würde eine Breite von 100% das Bild außerhalb der Breite seines Containers verschieben. Dies liegt daran, wie das Box-Modell funktioniert: Rahmen und Füllung werden der Breite / Höhe hinzugefügt.

 img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img { border: 1px solid #DDDDDD; padding: 6px; } 

Eine bessere Lösung wäre, in diesem Fall die Boxmodellberechnung für Bilder zu ändern. Eine CSS3-Eigenschaft namens box-sizing ist dafür verfügbar.

 img.size-full, img.size-large { height: auto; width: auto; max-width: 100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } 

Hinweis: box-sizing funktioniert nicht in Internet Explorer 7 oder niedriger .