Merhaba Arkadaşlar, internet üzerinden buldugum responsive bir tasarım var elimde
scriptin admin panelinden sayfalara içerik girişi yapmamıza yardımcı olan eklenti ckeditör. bu editör yardımı ile sayfaya resim girdigimizde resmin genişliğine 100% yazmamız gerekiyor. diyelim ki 640px veya 200px yazdık kaydet dediğimizde eklediğimiz resim mobilde sayfanın dışına taşıyor. bu sorunu çözmek için ne yapmalıyım sizce ?
Responsive Tasarım Hk |
3 Mesajlar | 887 Okunma | ||
- Üyelik 22.01.2014
- Yaş/Cinsiyet 31 / E
- Meslek Yazılım Uzmanı
- Konum İstanbul Anadolu
- Ad Soyad İ** Ö**
- Mesajlar 92
- Beğeniler 5 / 9
- Ticaret 0, (%0)
- Üyelik 16.10.2015
- Yaş/Cinsiyet 33 / E
- Meslek Seo - WYO - Google Ceza
- Konum İstanbul Avrupa
- Ad Soyad S** Ç**
- Mesajlar 349
- Beğeniler 38 / 156
- Ticaret 8, (%88)
Img responsive ozelligi verilmis mi kontrol ediniz.
- Üyelik 20.01.2016
- Yaş/Cinsiyet 32 / K
- Meslek Grafik & Web Desinger
- Konum İstanbul Avrupa
- Ad Soyad G** K**
- Mesajlar 13
- Beğeniler 3 / 5
- Ticaret 0, (%0)
mobile uyumlu olmasını istiyorsanız resimlerinizin css bölümüne
@media (min-width:450px) and (max-width:950px) {
}
bu kodu da eklemeniz gerekir
örnegin
@media (min-width:450px) and (max-width:950px) {
.img{
height:640px;
weight:100%;
}
}
burada yapmak istediği kodun şu oluyor 450 px ve 950 px alana sahip görüntülemelerde benim resmim şu şekilde boyutlansın diyorsunuz.
Ayrıca responsive bir tasarımda genişlikler mutlaka %100 yani % delik olarak kullanılır yükseklik normal pixcel bazında kullanılır.
@media (min-width:450px) and (max-width:950px) {
}
bu kodu da eklemeniz gerekir
örnegin
@media (min-width:450px) and (max-width:950px) {
.img{
height:640px;
weight:100%;
}
}
burada yapmak istediği kodun şu oluyor 450 px ve 950 px alana sahip görüntülemelerde benim resmim şu şekilde boyutlansın diyorsunuz.
Ayrıca responsive bir tasarımda genişlikler mutlaka %100 yani % delik olarak kullanılır yükseklik normal pixcel bazında kullanılır.
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)