Bild ist nicht der Größenänderung auf responsive design

Ich bin mit einem Kind, Ihnen das WordPress Twenty Twelve theme und mein Bild ist nicht die Größenänderung, wenn ich schrumpfen meinem Bildschirm. Die Seite, die ich habe Probleme mit:

http://69.195.124.68/~discowv9/?page_id=146

Wenn Sie verkleinert Ihren Bildschirm die Breite, die Sie werden sehen, dass das Bild nicht die Größe ändern. Normalerweise wird dieses Thema in WP automatisch ändert die Größe der Bilder. Ich kann nicht scheinen, um suchen Sie die CSS-code, so dass es nicht zu ändern.

Vielen Dank im Voraus für Eure Hilfe.

Versuchte ich poste einen Screenshot, aber mein Ruf ist nicht hoch genug. Es ist das Bild von vor und nach Aufnahmen des golf-club Griff.

<div style="white-space:nowrap;"><img class="wp-image-438 alignleft" src="http://69.195.124.68/~discowv9/wp-content/uploads/2013/04/Cleaning-Process-of-Club-Grip.jpg" alt="Cleaning a Golf Club Grip with Club Care" style="line-height: 1.714285714; font-size: 1rem;"></img></div>

.entry-content img, .comment-content img, .widget img {
    max-width: 100%;
}
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {
    height: auto;
}
img.size-full, img.size-large, img.header-image, img.wp-post-image {
    height: auto;
    max-width: 100%;
}
Welches Bild meinst du?
Hinzufügen der entsprechenden code zu der Frage helfen würde. Ein screenshot mit dem problem markierten Bereich wäre auch hilfreich.
code Hinzugefügt. Hoffe, es hilft.

InformationsquelleAutor MattM | 2013-04-04

  1. 3

    Eigentlich Bild wird die Größe des Containers, in dem das Bild platziert wird, wird die Größe, wenn Ihr mit einem div oder ein anderes element stellen Sie sicher, dass es auch passt... wenn Ihr versucht, eine UI für ein responsive design, die Sie verwenden können, CSS3 Media queries... ich behaupte dies, weil Ihre Website ist Ihre Website dynamischen wordpress... Stellen Sie sicher, diese Media Queries helfen würde...

    und wenn Sie diese media queries machen es reaktionsschnell Weg, machen Sie Ihrem Bild einen css-sprite-so wird es skaliert entsprechend. Ich mag diese Antwort + , Sie @SaurabhLP
    Dank Saurabh. Hinzufügen von width:100% für #content funktioniert großartig!

    InformationsquelleAutor SaurabhLP

  2. 2

    Ich hink Saurabh richtig ist. Wenn das parent-element ist nicht in der Größe angepasst wie können wir dann erwarten, dass Ihr Kind in der Größe veränderbar sein. Versuchen Sie einfach, um Ihren #content geändert werden. Geben Sie es zu Breite in Prozent. Und es mache Ihr Bild reagieren automatisch. Hoffe es hilft dir.

    #content {
float: left;
padding-right: 1em;
width: 100%;
}
    Wenn ich die rep zu +1 ich würde. Vielen Dank für die Bereitstellung der Codes!
    Seine feine buddy. Jederzeit

    InformationsquelleAutor Akshaya Raghuvanshi

  3. -1

    verwenden Sie die white-space:nowrap; im div

    Ich habe versucht, wickeln Sie es in ein div mit diesem code, aber es hat nicht funktioniert. Sollte ich es in den Bild-code selbst?

    InformationsquelleAutor rodolfo navalon

Schreibe einen Kommentar