mobil tasarım hakkında

iyide bu media screen kodunu nasıl kullanıcaz onu anlamadım ben bir örnekle açıklarmısınız ? mesela bir div tagına genişlik ve yükseklik vericem nasıl yapıcam bi açıklarmısınız?

Mesela HTML içerisinde <div>İçerikler</div> şeklinde DIV etiketli içerikleriniz olsun. Sitenizin orijinal kodlamasında DIV etiketine dair CSS tanımlaması da örneğin şu şekilde olsun:

Medya sorgusunu kullanarak bunu istediğiniz cihazlar için değiştirebilirsiniz. Örneğin; ekran genişliği 0'dan 480 piksele kadar olan cihazlar için şu şekilde bir medya sorgulaması girilebilir:

Bu durumda örneğin 360x640 ekran çözünürlüğünde bir telefon siteye girdiğinde DIV içeriği; orijinal kodlamada olduğu gibi 1000px genişlik, 50px yükseklik, siyah arka plan üzerine beyaz yazılar şeklinde değil, ekrana tam oturan genişlikte (100%), 20px yükseklikte ve gri arka plan üzerine siyah yazılar şeklinde görüntüleyecektir.
Örneğin daha sonra 480px ve 620px arası genişlikler için ayrı bir medya sorgusu ekleyebilirsiniz, tüm bu eklemeler sitenizi daha duyarlı hale getirir. Onun için de @media only screen and (min-width: 481px) and (max-width: 620px) { } gibi bir medya sorgusu yazabilirsiniz.
______________

peki media sorgusuna width gibi genişlik yükseklik vermesek oluyormu ? illa vermemizmi lazım onu

İçeriklerinizin orijinal kodlamasında genişlik ve yükseklikleri yüzdelik dilim şeklinde tanımlamış iseniz, tekrardan medya sorgularında genişlik yükseklik belirtmenize gerek yoktur. Örneğin DIV içeriğinize %100 genişlik ayarlamış iseniz, hangi ekran boyutu ile girilirse girilsin içerik ekranı hep tamamen kaplayacak, ekrana tam oturacaktır.
Ama içeriklerinizin orijinal kodlamasında genişlik ve yükseklikleri piksel değerleri şeklinde tanımlamış iseniz, medya sorgularında tekrardan genişlik yükseklik belirtmeniz iyi olur. Örneğin DIV içeriğinize 1000px genişlik ayarlamış iseniz, 360x640 ekran boyutu ile sitenize giren bir kullanıcı, DIV içerik ekranın dışına taştığından içeriği okumak için ekranı çok kez sağa doğru kaydırmak zorunda kalacaktır.
______________

anladım şimdi. ama sonuçta diyorsun biz bu mobil kodları yazarken herzaman başına bu media kodunu koyucaz öle değilmi ?

Evet, bu tür duyarlılık verileri her zaman medya sorgusu dahilinde girilir, haklısınız.
______________