Bild in WordPress ansprechend gestalten?

Question

Wie kann ich die Größe von Bildern automatisch anpassen, abhängig von der Bildschirmgröße?

Ich füge ein CSS-Attribut für ein Bild wie

img { 
width: 100%; 
height: auto; 
} 

aber das wird ein kleines Bild die Form des Behälters macht es ist in, und wenn der Behälter ist riesig, das kleine Bild ausstrecken und pixelate. Also erstelle ich nur spezielle CSS-Attribute für die großen Bilder? Ich möchte nicht, dass die Bilder den Container oder div, in dem sie sich befinden, ausfüllen. Ich möchte nur, dass sie die Größe basierend auf der Bildschirmgröße ändern. Tabellen sollten sich auch in der Größe ändern. Ich benutze beide Divs und Tabellen.

Answer 1

Fügen Sie das Bild normal ein;

In "Größe" wählen Sie "Benutzerdefiniert";

Stellen Sie "Breite" und "Höhe" auf "0" ein;

Legen Sie diese in Ihrem CSS-Code:

img { 
    border: 0 none; 
    max-width: 100%; 
    vertical-align: middle; 
} 

entnehmen Sie bitte dieser Seite Using Media Queries with Custom CSS