Tüm Araçlar
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al
lostyazilim
tr.link

Resim Boyutu Masa Üstünde Ayrı Mobilde ayrı

 9 Mesajlar 1.328 Okunma
lstbozum
tr.link

#1
htsumer htsumer WM Aracı Kullanıcı
  • Üyelik 18.05.2018
  • Yaş/Cinsiyet 56 / E
  • Meslek Muhasebeci
  • Konum Balıkesir
  • Ad Soyad H** S**
  • Mesajlar 191
  • Beğeniler 32 / 17
  • Ticaret 0, (%0)
Aşağıdaki kod ile MAsa üstünde resim çok büyük görünüyor. Ben onu 500x300 gibi göstermek istiyorum. Kod oranı 100% bunu 500 yapabilrim ama Mobilde bu sefer 500 olarak kayma yapıyor.
Masa üstinde 500x300 görünsün ama mobilde 100% . Bunun css lazım sanırım yardımcı olurmusunuz nasıl yapmalıyım..


<?=$NYS_ARTICLEDATA->ArticleName;?>
 

 

wmaraci
reklam

#2
Abdullahx Abdullahx MW Aracı Kullanıcı
  • Üyelik 03.04.2019
  • Yaş/Cinsiyet 29 / E
  • Meslek .
  • Konum Trabzon
  • Ad Soyad A** K**
  • Mesajlar 905
  • Beğeniler 393 / 395
  • Ticaret 3, (%100)
Bu kodu deneyebilir misiniz? #resmim {
width: 500px;
height: 300px;
}
@media (max-width: 768px) {
#resmim {
width: 100%;
height: 100%;
}
}
htsumer

kişi bu mesajı beğendi.


#3
htsumer htsumer WM Aracı Kullanıcı
  • Üyelik 18.05.2018
  • Yaş/Cinsiyet 56 / E
  • Meslek Muhasebeci
  • Konum Balıkesir
  • Ad Soyad H** S**
  • Mesajlar 191
  • Beğeniler 32 / 17
  • Ticaret 0, (%0)
Hocam bu kodu css ekleyeceğim tamam da.. Kodda nasıl olacak..K.Bakmayın editliyorum da..
Abdullahx

kişi bu mesajı beğendi.

#4
Abdullahx Abdullahx MW Aracı Kullanıcı
  • Üyelik 03.04.2019
  • Yaş/Cinsiyet 29 / E
  • Meslek .
  • Konum Trabzon
  • Ad Soyad A** K**
  • Mesajlar 905
  • Beğeniler 393 / 395
  • Ticaret 3, (%100)
Yok estağfurullah :)

<?=$NYS_ARTICLEDATA->ArticleName;?>
#resmim {
width: 500px;
height: 300px;
}
@media (max-width: 768px) {
#resmim {
width: 100%;
height: 100%;
}
}
Kodunuzda Eğer birden fazla resme uygulamak isterseniz bu durumu bu sefer id="resmim" değil de class="resmim" yapın ve benim yolladığım css kodundaki #resmim kısımlarını başına nokta koyarak .resmim şeklinde kullanın ve her uygulamak istediğiniz resmin Eğer bütün resimlere uygulamak isterseniz de sizin php kodunda değişiklik yapmayın css kodundaki #resmim kısmını img olarak değiştirin. Kolay gelsin .

Bu arada tabletler için de resim tam ekran görünür. Onu da belirtmek istedim.
 

 


wmaraci
wmaraci

#5
htsumer htsumer WM Aracı Kullanıcı
  • Üyelik 18.05.2018
  • Yaş/Cinsiyet 56 / E
  • Meslek Muhasebeci
  • Konum Balıkesir
  • Ad Soyad H** S**
  • Mesajlar 191
  • Beğeniler 32 / 17
  • Ticaret 0, (%0)
Napalım bu yaşta bu kadar oluyor..Elimizden gelmeyenleri soruyoruz sizlere..Sağolasınız..
Tamam hocam süper oldu eliniz sağlık.. Çok teşekkür ederim.. :)
Abdullahx

kişi bu mesajı beğendi.

#6
Abdullahx Abdullahx MW Aracı Kullanıcı
  • Üyelik 03.04.2019
  • Yaş/Cinsiyet 29 / E
  • Meslek .
  • Konum Trabzon
  • Ad Soyad A** K**
  • Mesajlar 905
  • Beğeniler 393 / 395
  • Ticaret 3, (%100)
Ben teşekkür ederim efendim :)
htsumer

kişi bu mesajı beğendi.


#7
htsumer htsumer WM Aracı Kullanıcı
  • Üyelik 18.05.2018
  • Yaş/Cinsiyet 56 / E
  • Meslek Muhasebeci
  • Konum Balıkesir
  • Ad Soyad H** S**
  • Mesajlar 191
  • Beğeniler 32 / 17
  • Ticaret 0, (%0)
Tekrar merhaba.. Bu resim sorununu php düzeyinde hallettik ama ayrı bir sprun var.
Scriptin editöründe resim ekliyorum. Link olarak resim ekleniyor bunda sorun yok ama mobilde eklenen bu resim taşma yapıyor. Masa üstünde gayet güzel.
Bunun içinne yapabiliriz. Yani editöre eklenen resim mobilde küçük görünecek daha doğrusu sığdırılmış şekilde üzerine tıklayınca resim büyüyecek..Facedekiler gibi.. Yada mobilde bu resmin taşmamaso ve rahat okunabilmesi (Responsive Yapma) için ne yapmam gerekiyor.
yaptığımda oluıyor ama resim tıklanında büyümüyor
Editör bu
http://prntscr.com/pnl9gw
 

 

#8
htsumer htsumer WM Aracı Kullanıcı
  • Üyelik 18.05.2018
  • Yaş/Cinsiyet 56 / E
  • Meslek Muhasebeci
  • Konum Balıkesir
  • Ad Soyad H** S**
  • Mesajlar 191
  • Beğeniler 32 / 17
  • Ticaret 0, (%0)
Cevabı buldum
 

 

#9
htsumer htsumer WM Aracı Kullanıcı
  • Üyelik 18.05.2018
  • Yaş/Cinsiyet 56 / E
  • Meslek Muhasebeci
  • Konum Balıkesir
  • Ad Soyad H** S**
  • Mesajlar 191
  • Beğeniler 32 / 17
  • Ticaret 0, (%0)
Bu kodu ekleyerek işim görülmüştü ama bugün şu hata gib iduruyor. Ama resimleri getiriyor onda sorun yok neden sarı renkli işaretliyor? Taglarda mı hata var bakabilirmisiniz ekran görüntüsüne

http://prntscr.com/qjtfh6
 

 

Config dosyalarınızı kolayca yükleyin ve kullanın !
canlı arama yaptım ama sonuçlarda ok tuşlarıyla gezinemiyorum
wmaraci
wmaraci
Konuyu toplam 3 kişi okuyor. (0 kullanıcı ve 3 misafir)