Resmi Farklı Media Query'lerle Kullanma Problemi
Merhabalar. Arkadaşlar, siteye koymak istediğim bir resim var. Laptop ekranında iken mesela 1200px ve üzeri çözünürlükte resmim 1200; 412px ekranda yani telefonda iken 412px olarakfarklı çözünürlüklerde resimleri koymak istiyorum siteye. Media query ile 412px le düşürdüğümde yazı çok sıkışıyor. Ben de 1200px ve üzerine 1200; 412px'e kadar olanlara da 412px gibi bir resim boyutu girmek istiyorum. Ama bunu php kısmında nasıl yapabilirim. Mesela aşağıdaki kodlarda bir "if" bloğuyla yapmaya istesem; input'tan gelen bir değer olması gerekli, değil mi? Ne yapmalıyım?
<?php
?>
<div class="indexsayfasi-siparisver">
<img src="images/siparis/siparisler.jpeg" />
</div>
<div class="indexsayfasi-siparisver-395px">
<img src="images/siparis/siparis.jpeg" />
</div>
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (2)
Bu, media query kullanımı değil mi? Bu üç satır kodu beraber mi kullanmam lazım?
css de media screen kullanımı işini görecektir.
örnek;
.resim {height: 800px; width: auto}
@media (min-width: 766px) and (max-width: 1200px) {.resim {height: 412px; widows: auto}}
@media (min-width: 0px) and (max-width: 765px) {.resim {height: 300px; widows: auto}}