Genişlik olarak yüzdeleri kullanarak sadece CSS ile daireler çizdim, ancak bu açıkça oval hale geldikçe yükseklik ile çalışmaz. Bunu yapmanın saf bir CSS yolu var mı?Sadece CSS ile duyarlı bir daire nasıl oluşturulur?
0
A
cevap
0
Kullanım buradaki • sınıf için bu kodu:
.circle {
position: relative;
border-radius: 50%;
width: 100%;
height: auto;
padding-top: 100%;
background: white;
}
senin dolgu üst kısmı genişliği ile aynı olduğundan emin olun ve boy auto olun.
+0
Daha spesifik olmalı ve eşmerkezli çevreler olmalıydı. Vw birimleri kullanarak bitti. Codepen: http://codepen.io/anon/pen/NNXYpX –
İlgili konular
- 1. CSS ayırıcı yarım daire nasıl oluşturulur?
- 2. CSS'de içinde şeffaf yatay çizgiler bulunan duyarlı bir daire nasıl oluşturulur?
- 3. CSS Kullanarak Duyarlı Bir Yatay Düzen Nasıl Oluşturulur?
- 4. nasıl masaya aşağıdakilere sahip bir daire css
- 5. Duyarlı diyagonal çizgiler css
- 6. CSS Merkezi Duyarlı DIV
- 7. CSS ile yükseklik eşitliği nasıl oluşturulur
- 8. nasıl sadece css
- 9. Bir daire nasıl yapılır sadece farklı renklerdeki farklı divlarda görünür?
- 10. Sadece 1 broadcastreceiver ile bir android uygulaması nasıl oluşturulur?
- 11. Matlab: tekdüze olmayan ve örtüşmeyen daire / dikdörtgen, belirli bir yarıçapı olan daire içine nasıl oluşturulur
- 12. Sadece tek bir sayfada css nasıl kullanılır?
- 13. AMP HTML'ye duyarlı bir hamburger menüsü nasıl oluşturulur
- 14. CSS kullanarak SVG'ler nasıl oluşturulur?
- 15. Css daire kenarlığı, küçük boyutlarda net değil
- 16. GMSMapView'da bir daire nasıl görüntülenir
- 17. CSS - Sadece Yatay Taşma?
- 18. Duyarlı CSS akıllı telefon üzerinde çalışmıyor
- 19. PHP ile bir PDF dosyası nasıl oluşturulur?
- 20. HTML, CSS, JS duyarlı açılır menüsü
- 21. Zamanla bir daire doldurun
- 22. css içbükey/dışbükey şekiller nasıl oluşturulur
- 23. CSS kullanarak şeffaf kenarlık nasıl oluşturulur?
- 24. HTML/CSS ile ortalanmış sıralı liste nasıl oluşturulur?
- 25. Flash - Sadece ipad için nasıl oluşturulur?
- 26. Sınır Şeklinin Sınırı CSS ile
- 27. dinamik genişliği sadece CSS?
- 28. IE8'de CSS ile yuvarlak kenarlık nasıl oluşturulur?
- 29. CSS - sadece bir kat derinliği hedefle
- 30. Sadece CSS ve flexbox kullanarak yatay kutu düzeni oluşturmak için sadece CSS ile
Şimdiye kadar neler denediğinizi ve hangi kodu kullandığınızı gösterir misiniz? – Martin