v2.5.2
Giriş yap

Resmi Farklı Media Query'lerle Kullanma Problemi

yazilimyolcusu
313 defa görüntülendi

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>
Cevap yaz
Cevaplar (2)
yazilimyolcusu
895 gün önce

Bu, media query kullanımı değil mi? Bu üç satır kodu beraber mi kullanmam lazım?

kullanici
895 gün önce

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