Mobil uyumlu temada hangi ölçüler kullanılmalı? |
3 Mesajlar | 512 Okunma | ||
- Üyelik 13.10.2016
- Yaş/Cinsiyet 22 / K
- Meslek Site Yöneticisi
- Konum İzmir
- Ad Soyad C** G**
- Mesajlar 144
- Beğeniler 35 / 44
- Ticaret 0, (%0)
Arkadaşlar temayı mobil uyumlu hale getirmek için standartlar nelerdir? Temayı en küçük ekranlı telefondan giren birisi ile en büyük ekranlı televizyondan giren birinin en iyi şekilde siteyi deneyimlemesini istiyorum. Mesela benim cihazımda(Redmi Note 8 Pro) siteyi dikey biçimde normal görüntülerken ekranı yan çevirdiğimde logo ortalanıyor. Normal hali logo en solda.
- Üyelik 12.03.2013
- Yaş/Cinsiyet 32 / E
- Meslek ...
- Konum Adana
- Ad Soyad M** Ç**
- Mesajlar 665
- Beğeniler 329 / 328
- Ticaret 1, (%100)
2-3 farklı ekran boyutuna gôre yapabilirsiniz. Ben bir sitemde 2 farklı ekran kullaniyorum. Maksimum 600piksel olsan cihazlar ve minimum 601 piksel olan cihazlar. Div genişliklerini vs. piksel olarak değil de yüzde olarak ayarlayacaksınız. Tabi gerekli yerlerde piksel de kullanabilirsiniz.
Örneğin;
Örneğin;
@media(max-width:600px){
.menu{max-width: 100%; margin: 3px;....}
}
@media(min-width:601px){
.menu{max-width: 100%; margin:3px;....}
}
- Üyelik 14.11.2015
- Yaş/Cinsiyet 27 / E
- Meslek Öğrenci
- Konum Rize
- Ad Soyad E** H**
- Mesajlar 893
- Beğeniler 621 / 208
- Ticaret 0, (%0)
Bootstrap, tailwind gibi CSS framework'lerini kullanmanı tavsiye ederim. Bu şekilde her ekrana duyarlı tasarımlar yapabilirsin.
May the force be with us...
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)