Görüntüyü en boy oranını (16: 9) ve aynı anda yanıt vermek için css kullanmak istiyorum.Duyarlı görüntü en boy oranını korur ve her zaman merkezdedir
Bu resim her zaman ekranın ortasında olacak. Size yardımcı olmak için şemayı kontrol edin.
this mesajını buldum ve Chris'in çözümünü ve Isaac'ın çözümünü denedim. Ama görüntüyü merkeze getiremiyorum. Bootstrap kullanmayı denedim.
<div class="col-md-4">.col-md-4</div>
<div class="wrapper col-md-4">
<div class="main">
This is your div with the specified aspect ratio.
</div>
</div>
<div class="col-md-4">.col-md-4</div>
veya
<body>
<div class="col-md-4" id="wrap1">.col-md-4</div>
<div class="col-md-4" id="aspectRatio">Aspect Ratio?</div>
<div class="col-md-4" id="wrap2">.col-md-4</div>
</body>
ancak tüm div'ler diğer altından birini görünür.
Bootstrap kullanarak ya da değil, div'u merkeze nasıl getireceğinizle ilgili herhangi bir fikir var mı?