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>
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}}