Bu Kod Neden Çalışmıyor?
-
div#chatra.chatra--side-left.chatra--style-round:not(.chatra--expanded) {
left: 730px;
}PC'den siteyi açtığımda çalışıyorken, cepten girdiğimde çalışmıyor kod.
Nerde hata yapıyor olabilirim?
TiThousand tarafından 23/Ağu/17 19:01 tarihinde düzenlenmiştir -
Hocam left:730px demişsin. mobilde o kadar genişlik var mı?
-
Yok ama mobilde istediğim gibi görünmesini nasıl yapabilirim?
PC'de tam istediğim gibi görünüyor bu arada.
TiThousand tarafından 23/Ağu/17 19:20 tarihinde düzenlenmiştir -
ya yüzdelik dilim olarak vericeksin left: 20%; gibi veya media etiketini kullanıcaksın.
@media only screen and (max-device-width: 480px) {
div#chatra.chatra--side-left.chatra--style-round:not(.chatra--expanded) { left: 50px; } }
gibi bişi yaparsan sadece mobile cihazlarda çalışacak şekilde ekstra tanımlama yapabilirsin
-
FCN bunu yazdı
ya yüzdelik dilim olarak vericeksin left: 20%; gibi veya media etiketini kullanıcaksın.
@media only screen and (max-device-width: 480px) {
div#chatra.chatra--side-left.chatra--style-round:not(.chatra--expanded) { left: 50px; } }
gibi bişi yaparsan sadece mobile cihazlarda çalışacak şekilde ekstra tanımlama yapabilirsin
Media etiketini kullanınca bu sefer masaüstündeki bozuluyor.
-
Çalışan masaüstü kodu olduğu gibi kalsın, silme. Media kodunu ilave olarak kullanırsan problem olmaz.
-
yunusemre bunu yazdı
Çalışan masaüstü kodu olduğu gibi kalsın, silme. Media kodunu ilave olarak kullanırsan problem olmaz.
Çalışmadı maalesef.
Media kodunu ekledikten sonra hem masaüstü'nde, hem de mobil de bozuldu.
-
Tam yapmak istediğim şeyi şöyle anlatayım...
Masaüstünde görüntülediğim web siteme Chatra modülünü yükledim.
Modül alakasız bir yerde durduğu için CSS yolu ile masaüstünde göz kararı bir noktaya kadar taşıdım (bkz. 730px).
Daha sonra aynı web sitemi mobilde açtığımda Chatra modülü yine eski alakasız yerine geri gelmiş oluyor.
Çözüm bulmak adına media etiketini tanımlayınca masaüstü görünümde modül yine eski konumuna gitmiş oluyor.
İstediğim şey, masaüstü sürümünde modülü hizaladığım alan; mobil sürümde de aynı yerinde kalsın.
2-3 saat uğraştım, çok yabancı kaynak okudum ama çare bulamadım.
Sizlere de danışayım dedim.
Mobil sürümde böyle dağınık görünürken:
Masaüstü sürümde tam sağda, istediğim yerde.
TiThousand tarafından 24/Ağu/17 00:22 tarihinde düzenlenmiştir -
canlıya bi yere demo at üzerinden tartışalım
-
Muhtemelen kullandığın modül vs her neyse, javascript içinde css ayarlarıyla oynuyor.
Sen sayfayı çağırdığında media tag'ini uyguluyor fakat sonra javascript'de tekrar eski haline getiriyor.
!important kullan bakalım ne olacak. Ezdirme left'ini :D
Bir de left ve right kullanmamaya özen göster. Üzer sonra.
İlla kullanacaksan da onu kapsayan alanla sınırlandır. (division yani)
media taglerine ekleyeceksin bir de varsayılanına ekleyeceksin. Varsayılan mediatag'indeki üst limitin üstü olur.
patata tarafından 24/Ağu/17 10:51 tarihinde düzenlenmiştir -
FCN bunu yazdı
ya yüzdelik dilim olarak vericeksin left: 20%; gibi veya media etiketini kullanıcaksın.
@media only screen and (max-device-width: 480px) {
div#chatra.chatra--side-left.chatra--style-round:not(.chatra--expanded) { left: 50px; } }
gibi bişi yaparsan sadece mobile cihazlarda çalışacak şekilde ekstra tanımlama yapabilirsin
Teşekkür ederim :)
Media etiketini kaldırdım.
Left'te PX yerine % etiketini kullandım.
Çok güzel oldu.