CSS de mobil uyum yapmak...

[YusfarsLn10]

@media only screen and (.......)
Hangi değerleri gireyim buraya. Mobil uyum için kaç değer giriyorsunuz? Değerleri buraya yazabilir misiniz?

Anlatamadıysam şöyle söyleyeyim:

@media only screen and (max-width: 720px) { }

@media only screen and (min-width: 1184px) { }

@media only screen and (min-width: 1440px) { }

Bunlar gibi daha ne değerler giriyorsunuz? .Bunları salladım bu arada

 

[chnkyn]

Sanırım responsive yapmayı , tek bir kerede bütün cihazlara uyumlu olacak sanmışsın
- Artık kol saatlerinden de nete girildiğini düşününce max width 720 piksele göre oluşturduğunu farzet.720 yi baz aldığın için kutuları 200-300px giriyorsun rahat rahat.saatten giren ne olacak.onun ekranı o kadar yok ki.

-Burada o kol saatine göre de yapmam gerekiyor mu? sorusuna cevap ver.
bootstrap - grid
sayfasında , kendileri 5 parçaya bölmüş.

Açıklama	Genişlik
çok küçük cihazlar	<576x (max-width : 576px kullanırsın)
küçük cihazlar (telefon)	>=576px (min-width:575px)
Medium (tablet)	>= 768px
Large (bilgisayar)	>=992px
Extra Large (daha geniş ekran)	>=1200px

En azından bootstrap böyle yapmış.

Sanırım en çok kullanılanı budur.Yani 5 farklı cihaza göre tasarlamalısın.Kullanmak zorunda değilsin ama bazı cihzlarda kötü görüneceğini kabul ediyorsun demektir.

istersen daha da ekleyebilirsin.

Burada sadece max-width lar kullanılmasının amacı uygun sırada yazarsan, min-width ları da belirtmene gerek yok.Bu tabloya göre yazma sıralaması şöyle olmalı : xsmall => small => medium => large => xlarge
çünkü burada >= (büyük eşittir ) ile piksellerin aralığını belirtmiş oluyorsun.<= kullanırsan da yazma sıralaması tam tersi olmalıdır.