N
N
N
S
S
S

Verdiğimiz Tüyolar ile Responsive Tasarım Sizin için Daha Kolay Olacak

Verdiğimiz Tüyolar ile Responsive Tasarım Sizin için Daha Kolay Olacak

Herkes size responsive web tasarımının kolay olmadığını ve web sitenizi responsive çevirmek için yapabileceğiniz bir sürü şey olduğunu söyledi. Eğer responsive web tasarımı yapıyorsanız projenizde grid (ızgara) boyutlarına dikkat etmelisiniz, bu şekilde yaklaşırsanız proje sürecinde en az bir baş ağrısından kurtulmuş olacaksınız.

Farklı cihazlarda kullanılmak üzere koyacağınız gridlerin farklı ölçümlerini sizler için derledik. Sütun genişlikleri cihaz boyutları arasında aynı kalmalıdır ama ihtiyaçlarınıza uyacak şekilde genişliğini ayarlayabilirsiniz. Genellikle bu sistemde çalışmak üzere 360 piksel genişliğinde bir mobil web sitesi tasarım olacak.


120px çapında sütun


Televizyon
1024 x 576 (1080p-boy oranı): 8 sütun, 32px marjı

Masaüstü
1440 x 840: 12 sütun, 0px marjı
1280 x 800: 10 sütun, 40px marjı sol ve sağ

Tablet
1.024 x 768: 8 sütun, 32px marjı sol ve sağ
960 x -: 8 sütun, 0px marjı

Mobil
320 x -: 3 sütun, 0px marjı


100px çapında sütun


Televizyon
1024 x 576 (1080p oranı): 10 sütun, 12px marjı sol ve sağ

Masaüstü
1440 x 840: 14 sütun, 20px marjı sol ve sağ
1280 x 800: 12 sütun, 40px marjı sol ve sağ

Tablet
1.024 x 768: 10 sütun, 12px marjı sol ve sağ
960 x -: 9 sütun, 30px marjı sol ve sağ

Mobil
320 x -: 3 sütun, 10px marjı sol ve sağ


80px çapında sütun


Televizyon
1024 x 576 (1080p oranı): 12 sütun, 32px marjı sol ve sağ

Masaüstü
1440 x 840: 18 sütun, 0px marjı
1280 x 800: 16 sütun, 0px marjı

Tablet
1.024 x 768: 12 sütun, 32px marjı sol ve sağ
960 x -: 12 sütun, 0px marjı

Mobil
320 x - 4 sütun, 0px marjı

Ara Soru Sor