2016-03-23 31 views
0

Görüntüleri, ekran boyutuna bağlı olarak kendilerini otomatik olarak yeniden boyutlandırabilir miyim?WordPress'e duyarlı bir görüntü oluşturuyor musunuz?

ben bir görüntü gibi

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

için css özelliğini eklemek ama bu küçük bir görüntü, bulunduğu ve kap iri ise, küçük resim germek olacaktır kabın şeklini almak yapacak ve pixelate. Yani büyük görüntüler için sadece özel css özniteliği yaratıyorum? Görüntülerin kapsayıcıyı veya içerdikleri bölmeyi doldurmasını istemiyorum. Yalnızca ekran boyutuna göre yeniden boyutlandırılmasını istiyorum. Tablolar da yeniden boyutlandırılmalıdır. Hem div'leri hem de tabloları kullanıyorum.

+0

Kullanım IMG css bakın lütfen. medya sorgusu için daha fazla bilgi burada bulabilirsiniz http://www.w3schools.com/cssref/css3_pr_mediaquery.asp –

cevap

1

Resmi normal olarak yerleştirin;

"Boyut" da "Özel" i seçin;

"Genişlik" ve "Yükseklik" i "0" olarak ayarlayın;

takın CSS kodunda bu:

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

medya sorguları içeren bu sayfayı Using Media Queries with Custom CSS