v2.5.2
Giriş yap

Resmi Farklı Media Query'lerle Kullanma Problemi

yazilimyolcusu
322 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>
kullanici
924 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}}