• Mecbur kalmadıkça evden çıkmayın COVİD-19'a karşı sosyal izolasyon ve hijyene dikkat edin! #EvdeKal

Flatcast Radyoyu Mobil Uyumlu Hale Getirmek Mümkün mü?

burukkalpler

Kayıtlı Üye
0
Katılım
20 Mar 2020
Mesajlar
8
Reaksiyon puanı
3
Puanları
3
Web sitesi
www.burukkalpler.com
Cinsiyet
Erkek
Merhaba arkadaşlar;

Google siteme mobil uyumlu değil uyarısı veriyor. Bende bunun için mobil uyumlu bir index hazırlamaya çalışıyorum. Mobil görünümde herşey gayet güzel ancak flatcast radyo alanı yanlara sarkıyor. Bunun bir çözümü varmı? Yani mobilden siteye girildiği zaman flatcast radyo alanıda küçülsün istiyorum.

Şimdiden yardımlarınız için teşekkür ederim...
 

Admin

Flatkolik.Net
Yönetici
10
Katılım
9 Haz 2018
Mesajlar
3,536
Reaksiyon puanı
938
Puanları
113
Şube
Adana
Cinsiyet
Erkek
Merhaba arkadaşlar;

Google siteme mobil uyumlu değil uyarısı veriyor. Bende bunun için mobil uyumlu bir index hazırlamaya çalışıyorum. Mobil görünümde herşey gayet güzel ancak flatcast radyo alanı yanlara sarkıyor. Bunun bir çözümü varmı? Yani mobilden siteye girildiği zaman flatcast radyo alanıda küçülsün istiyorum.

Şimdiden yardımlarınız için teşekkür ederim...
Merhaba hocam flatcast uygulaması maalesef mobil uyumlu değil. iframe alanını uygun genişliğe geldiğinde css'te display: none; seçeneği ile kaldırabilirsiniz.

Örnek:
ÖRNEK CSS KODU:
@media (max-width: 800px) {
iframe {display: none;}
}
 

burukkalpler

Kayıtlı Üye
0
Katılım
20 Mar 2020
Mesajlar
8
Reaksiyon puanı
3
Puanları
3
Web sitesi
www.burukkalpler.com
Cinsiyet
Erkek
Çok teşekkür ederim hocam. Ben şu kodu denedim radyoyu sağa yaslıyor ve sayfa da taşma yapmıyor ama böyle sadece yarısını gösteriyor.
Kod:
CSS:
@media (max-width: 768px) {
    .radyo-alani {
    float: right;
    height: auto;
    width: auto;
    }
}
 

Admin

Flatkolik.Net
Yönetici
10
Katılım
9 Haz 2018
Mesajlar
3,536
Reaksiyon puanı
938
Puanları
113
Şube
Adana
Cinsiyet
Erkek
Çok teşekkür ederim hocam. Ben şu kodu denedim radyoyu sağa yaslıyor ve sayfa da taşma yapmıyor ama böyle sadece yarısını gösteriyor.
Kod:
CSS:
@media (max-width: 768px) {
    .radyo-alani {
    float: right;
    height: auto;
    width: auto;
    }
}

Bu şekilde dener misiniz.

CSS:
@media (max-width: 800px) {
    .radyo-alani {
    max-width: 800px;
    max-height: 600px;
    width: 100%;
    height: auto;
    }
}
 

burukkalpler

Kayıtlı Üye
0
Katılım
20 Mar 2020
Mesajlar
8
Reaksiyon puanı
3
Puanları
3
Web sitesi
www.burukkalpler.com
Cinsiyet
Erkek
Çok teşekkür ederim hocam denedim ama yine aynı şekilde taşma yapıyor radyo alanı asla küçülmüyor. En iyisi sizin verdiğiniz bu kod
CSS:
@media (max-width: 800px) {
iframe {display: none;}
}
en azından mobilde radyoyu kaldırıyor. Siteye bir not yazılır radyomuz mobil uyumlu değildir diye...

Çok teşekkür ederim @Adanalı
 

Admin

Flatkolik.Net
Yönetici
10
Katılım
9 Haz 2018
Mesajlar
3,536
Reaksiyon puanı
938
Puanları
113
Şube
Adana
Cinsiyet
Erkek
Çok teşekkür ederim hocam denedim ama yine aynı şekilde taşma yapıyor radyo alanı asla küçülmüyor. En iyisi sizin verdiğiniz bu kod
CSS:
@media (max-width: 800px) {
iframe {display: none;}
}
en azından mobilde radyoyu kaldırıyor. Siteye bir not yazılır radyomuz mobil uyumlu değildir diye...

Çok teşekkür ederim @Adanalı

Birde bu şekilde deneyebilir misiniz.

Kod:
@media (max-width: 800px) { .radyo-alani iframe { max-width: 800px; max-height: 600px; width: 100%; height: auto; } }
 

Yorum yapmak için bir hesap oluşturun veya giriş yapın

Yorum yapabilmek için üye olmalısınız

Hesap oluştur

Forum sitemizde bir hesap oluşturun. Bu işlem çok kolay!

Giriş yap

Zaten bir hesabınız var mı? Giriş yapın.

Konuyu toplam 1 üye okuyor. (0 Kayıtlı üye ve 1 Misafir)

Üst