sadece

Question

Aşağıdaki kod

<div style="width:485px; height:485px; border-radius:50%; overflow:hidden;"> 
<img src="avatar.png" alt="Squared Avatar" /> 
</div> 

çalışır CSS kullanarak bir daire görünümüne fotoğraf oluşturulması Ama bu kodlar olmaz px olmak zorunda yüzde yerine bu etkiyi elde etmek için? Yüzdesini kullanmanın px kullanmadan daha esnek olduğunu biliyorum. İşte

biz sonuç bölmesini yeniden, sen yüzdesini kullanmak için beklendiği gibi P1 otomatik boyutlandırır görebilirsiniz, bu nedenle soru bu % 100 nerede olduğu, jsfiddle mı? % 100'ünün çerçeveden ziyade resmin genişliğini ve yüksekliğini gösterdiğini düşündüm.

===== Güncelleme:

Teşekkürler çocuklar 2014/12/26 ======, jmore009 @ soruya cevap vardır.

I devralır genişlik ve üst div yükseklik, yani% 100 tarayıcı varsayılan boyutlandırdığında yeniden boyutlandırılır gövde elemanı ila div unuttum. Güncelleştirdiğim benim jsfiddle. Bir ebeveynin çalıştığı yüzdeler

Answer 1

. Eğer bir ebeveynin height ve/veya width (body ve html en üst düzey ebeveynini tanımlamazsanız) başka bir şeyin 100% veya başka bir şeyin 50% olduğunu söylerseniz, o zaman işe yaramayacak bir şeyiniz yoktur.