WordPress responsive Bilder funktionieren nicht

Question

Ich baue ein benutzerdefiniertes Thema für WordPress und es heißt, responsive Bilder sind in den WordPress-Kern nach WordPress 4.4+ eingebaut, aber meine Bilder reagieren nicht. Ich habe meinen Cache gelöscht und es auf meinem Mobiltelefon versucht, aber es funktioniert immer noch nicht.

hier ist meine Schritte zu einem Bild:

In der Post Bild:

1. Medien hinzufügen
2. in voller Größe auswählen und einfügen in Post
3. Prüfungselement inspizieren: hier ist der Code. ..

<img class="size-full wp-image-28" src="https://www.example.com/wp-content/uploads/2017/07/picture1.jpg" alt="" width="1000" height="667" srcset="https://www.example.com/wp-content/uploads/2017/07/picture1.jpg 1000w, https://www.example.com/wp-content/uploads/2017/07/picture1.jpg 600w, https://www.example.com/wp-content/uploads/2017/07/picture1.jpg 768w, https://www.example.com/wp-content/uploads/2017/07/picture1.jpg 30w" sizes="(max-width: 1000px) 100vw, 1000px">

Answer 1

Verwenden width:100% und max-width:100% darauf anspricht, zu machen, gerade jetzt nicht reagiert, weil Bild height und width Attribut hat. Wenn Sie das einzige Bild benötigen, das in reaktionsfähig wird, verwenden Sie die automatisch generierte Klasse .

Css Teil wie

img.size-full { 
    width:100% !important; 
    max-width:100% !important; 
} 

ODER

img.size-full.wp-image-28 { 
    width:100% !important; 
    max-width:100% !important; 
}