@media only screen and (***) Kullanırken "only" Kullanıyor musunuz? Neden?

03-04-2021, 16:26:57

Genellikle only kullandığını gördüm ancak pek de gerekli olmadığını öğrendim, yanlışım mı var acaba? only olsa da olmasa da aynı işlem oluyor zaten?

Test @media not only: https://codepen.io/muratdinc/pen/bGgWYjZ
Test @media only: https://codepen.io/muratdinc/pen/poRPdxo

ilgili makale: https://www.w3schools.com/cssref/css3_pr_mediaquery.asp
Başka kaynak: https://www.geeksforgeeks.org/what-i...media-queries/

03-04-2021, 16:38:36

#2

~~Eirene~~

Üyeliği durduruldu

Hocam css e hakimseniz bazı durumlarda kullanım alanlarıyla farklılık yaratabilir bizde ondan dolayı only ifadesini kullanıyoruz media etiketini sadece responsive ayarları için değil sayfa çıktısı alırkende kullanıyoruz ondan dolayı only diyerek çalışacağımız alanını kısaltıyoruz only kullanmayada bilirsiniz ama bazı tutarsız tarayıcılarda sıkıntı çıkarabilir.

03-04-2021, 16:47:50

#3

SkyGhostAir

Eirene adlı üyeden alıntı: mesajı görüntüle

Hocam css e hakimseniz bazı durumlarda kullanım alanlarıyla farklılık yaratabilir bizde ondan dolayı only ifadesini kullanıyoruz media etiketini sadece responsive ayarları için değil sayfa çıktısı alırkende kullanıyoruz ondan dolayı only diyerek çalışacağımız alanını kısaltıyoruz only kullanmayada bilirsiniz ama bazı tutarsız tarayıcılarda sıkıntı çıkarabilir.

Bende bu yüzden bu konuyu açtım kesinlikle gereksizmiş demeye çalışmıyorum. Şimdi kullandığım temaya baktım tema yapımcısı "screen and" bile kullanmamış direk "@media (min-width: 580px) {" yazıp geçmiş ama sorun olmadan çalışıyor. Neye göre nasıl davranmak gerekiyor anlamaya çalışıyorum. Mesela siz hangi durumlarda only kullanıyorsunuz hangi durumlarda only kullanmıyorsunuz? Tema yapıcısı nasıl oluyor da "screen and" bile kullanmamış, böyle bir kullanım hiç görmemiştim.

03-04-2021, 16:55:17

#4

~~Eirene~~

Üyeliği durduruldu

SkyGhostAir adlı üyeden alıntı: mesajı görüntüle

Bende bu yüzden bu konuyu açtım kesinlikle gereksizmiş demeye çalışmıyorum. Şimdi kullandığım temaya baktım tema yapımcısı "screen and" bile kullanmamış direk "@media (min-width: 580px) {" yazıp geçmiş ama sorun olmadan çalışıyor. Neye göre nasıl davranmak gerekiyor anlamaya çalışıyorum. Mesela siz hangi durumlarda only kullanıyorsunuz hangi durumlarda only kullanmıyorsunuz? Tema yapıcısı nasıl oluyor da "screen and" bile kullanmamış, böyle bir kullanım hiç görmemiştim.

Hocam aslında kullanıp kullanmamak yazılımcıya ait bir durum ben her durumda kullanırım çünkü hocalarımdan böyle gördüm ve onlarda böyle öğrettim ek alternatifleri kendimiz öğrenmemiz gerek açıkçası bu konuyu açtığınız için teşekkür ederim . Büyük çalışmalarda ve bazı temalarda minifiy olayı oluyor kodları kısaltmak amacıyla kullanılıyor da olabilir. Konuyu takipteyim +++

03-04-2021, 17:02:58

#5

SkyGhostAir

Eirene adlı üyeden alıntı: mesajı görüntüle

Hocam aslında kullanıp kullanmamak yazılımcıya ait bir durum ben her durumda kullanırım çünkü hocalarımdan böyle gördüm ve onlarda böyle öğrettim ek alternatifleri kendimiz öğrenmemiz gerek açıkçası bu konuyu açtığınız için teşekkür ederim . Büyük çalışmalarda ve bazı temalarda minifiy olayı oluyor kodları kısaltmak amacıyla kullanılıyor da olabilir. Konuyu takipteyim +++

Cevapladığınız için ben teşekkür ederim hocam. Minifiy kod yazmak için bu derde düştüm. Hiçbir Türkçe kaynak yok bu konuda, sorabileceğim biri de yok çevremde. yabancı kaynaklarda da net şeyler yok, anca ekran görüntüsünde attığım gibi. Ne zaman ve nerede iyidir(kullanılır), nerede kullanılmasına gerek yoktur bu ayrımı yapmak zor.

05-04-2021, 18:46:09

#6

salimsevindik

https://fatihhayrioglu.com/css-3-medya-sorgulari/ Şu link yardımcı olacaktır.