Responsive Site Tasarım Ekran Ölçüleri nasıl olmalı yardımcı olur musunuz.
Normal site giriş için yapılacak olan index için gerekmektedir.
0 – 767px
768px – 991px
992px – 1199px
1200px ve Yukarısı
Bu şekilde bir sitede gördüm de ne kadar doğru yanlış wmaraci uyelerine ve modlarına sormak istedim.
index in hiçbir telefon da tabletde , pc de , leptop da vs vs hiçbir yerde tasarım hatası olmaması gerekiyor.
Uyumlu şekilde yapmak istiyorum.. sorgulama yaptıgımda ise % 100 e yakın bir değer olmasını istiyorum
yardımcı olabilir misiniz.
teşekkürler simdiden.
Responsive Site Tasarım Ekran Ölçüleri |
6 Mesajlar | 834 Okunma | ||
- Üyelik 15.11.2013
- Yaş/Cinsiyet 33 / E
- Meslek ASP Hastası
- Konum Rize
- Ad Soyad A** K**
- Mesajlar 419
- Beğeniler 50 / 79
- Ticaret 6, (%100)
- Üyelik 18.06.2013
- Yaş/Cinsiyet 39 / E
- Meslek Yazılımcı
- Konum Bursa
- Ad Soyad E** K**
- Mesajlar 651
- Beğeniler 109 / 313
- Ticaret 2, (%100)
AJAN53 Belirtiğiniz ölçüler ideal ölçülerdir. En popüler frameworklerden biri olan bootstrap da bu ölçüler üzerine kurulmuştur. http://getbootstrap.com/css/#grid-options
Ancak telefonla tablet arasında kalan cihazları ayırmak için en başa 575px seçeneğinide ekleyebilirsiniz.
Ancak telefonla tablet arasında kalan cihazları ayırmak için en başa 575px seçeneğinide ekleyebilirsiniz.
Openix.io | $9.90 PositiveSSL | $12.90 RapidSSL
- Üyelik 07.03.2013
- Yaş/Cinsiyet 33 / E
- Meslek Ögrenci
- Konum Adana
- Ad Soyad U** İ**
- Mesajlar 1958
- Beğeniler 139 / 206
- Ticaret 3, (%100)
Açıkçası konu hakkında bir fikrim yok ama responsive tasarım yakın zamanda tarihe karışabilir. Sebebi ise AMP'nin çıkması..
(Şahsi düşüncemdir)
(Şahsi düşüncemdir)
- Üyelik 14.12.2013
- Yaş/Cinsiyet 31 / E
- Meslek Web & Grafik ve iOS
- Konum İstanbul Anadolu
- Ad Soyad H** Y**
- Mesajlar 837
- Beğeniler 441 / 190
- Ticaret 6, (%100)
Evet genel yaygın değerler bunlardır hocam, px değerlerinden ziyade % ölçüsüyle css çalışmanızı yaparsanız responsive uyumluluğunuz bu ölçülerin dışında kalan cihazlar için daha da keskin ölçülerde olur hocam, bunuda göz önüne alırsınız :)
- Üyelik 31.01.2015
- Yaş/Cinsiyet 28 / E
- Meslek Mücadele
- Konum Kahramanmaraş
- Ad Soyad M** G**
- Mesajlar 203
- Beğeniler 28 / 29
- Ticaret 22, (%100)
Hocam bu gibi sabit pixeller yerine, ızgara tasarımı tercih edebilirsiniz.
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
Ayrıca sitenin responsive olması bu ölçülere bağlı değildir. :) "@media" stil özelliğiyle istediğiniz boyutun responsive tasarımını tasarlayabiliryorsunuz.
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
Ayrıca sitenin responsive olması bu ölçülere bağlı değildir. :) "@media" stil özelliğiyle istediğiniz boyutun responsive tasarımını tasarlayabiliryorsunuz.
- Üyelik 18.06.2013
- Yaş/Cinsiyet 39 / E
- Meslek Yazılımcı
- Konum Bursa
- Ad Soyad E** K**
- Mesajlar 651
- Beğeniler 109 / 313
- Ticaret 2, (%100)
Açıkçası konu hakkında bir fikrim yok ama responsive tasarım yakın zamanda tarihe karışabilir. Sebebi ise AMP'nin çıkması..
(Şahsi düşüncemdir)
(Şahsi düşüncemdir)
Ben buna katılmıyorum. İnternet sadece yazı okunan blogların/haber sitelerinin yer aldığı bir yer değildir. AMP websitenizin bir çok özelliği kırpılmış şeklidir ve yapılacak şeyler kısıtlıdır. Bunu bir şehre google maps de kuş bakışı ile bakmaya benzetebilirsiniz. Yakınlaştıkça daha fazla detay ortaya çıkar. AMP de web sitenize kuş bakışı bir görünüm sağlar ancak tüm detayları göremez ya da kullanamazsınız. Kısa vadede bunun değişeceğini de sanmıyorum
Openix.io | $9.90 PositiveSSL | $12.90 RapidSSL
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)