Mobil İçin Ayrı CSS |
6 Mesajlar | 1.354 Okunma | ||
- Üyelik 28.09.2013
- Yaş/Cinsiyet 48 / E
- Meslek Öğretmen
- Konum Ordu
- Ad Soyad H** B**
- Mesajlar 21
- Beğeniler 2 / 4
- Ticaret 1, (%100)
Merhabalar. Öncelikle konuyu alakasız bir yere açtıysam kusura bakmayın. Bir sitemiz var diyelim. Responsive değil. Ben bu siteyi mobilde açılması için farklı bir css hazırlasam mobilde otomatik olarak bu css ile açılmasını sağlayabilir miyiz? Sağlayabiliyorsak nasıl bir ayar yapmamız gerekiyor? Teşekkürler.
www.dersyap.com
- Üyelik 25.05.2015
- Yaş/Cinsiyet 32 / E
- Meslek Web Yazılım Uzmanı
- Konum İstanbul Anadolu
- Ad Soyad F** K**
- Mesajlar 833
- Beğeniler 0 / 287
- Ticaret 13, (%100)
Dilerseniz js ile dilerseniz css ile yapabilirsiniz. Bunu
media sorguları olarak aratırsanız css çözümüne ulaşırsınız.
Örnek olarak
yani width 480'e kadar bu css'leri uygula :)
media sorguları olarak aratırsanız css çözümüne ulaşırsınız.
Örnek olarak
@media screen and (max-width: 480px) {
.ClassAdi {
bla bla bla...
}
}yani width 480'e kadar bu css'leri uygula :)
- Üyelik 04.11.2014
- Yaş/Cinsiyet 24 / E
- Meslek Öğrenci
- Konum İstanbul Anadolu
- Ad Soyad K** K**
- Mesajlar 1290
- Beğeniler 0 / 208
- Ticaret 27, (%100)
@media(max-width:764px){
buraya istediğiniz css kodlarını yazın ve bu kodları css dosyanıza ekleyin.
}
bu kod ile yapabilirsiniz birde headere eklenecek meta etiketi vardı onuda eklemeniz lazım.
- Üyelik 25.05.2015
- Yaş/Cinsiyet 32 / E
- Meslek Web Yazılım Uzmanı
- Konum İstanbul Anadolu
- Ad Soyad F** K**
- Mesajlar 833
- Beğeniler 0 / 287
- Ticaret 13, (%100)
@media(max-width:764px){
buraya istediğiniz css kodlarını yazın ve bu kodları css dosyanıza ekleyin.
}
bu kod ile yapabilirsiniz birde headere eklenecek meta etiketi vardı onuda eklemeniz lazım.
Hemen onuda ekleyelim :)
- Üyelik 28.09.2013
- Yaş/Cinsiyet 48 / E
- Meslek Öğretmen
- Konum Ordu
- Ad Soyad H** B**
- Mesajlar 21
- Beğeniler 2 / 4
- Ticaret 1, (%100)
Kadir Bey'in verdiği kod ve Furkan Bey'in verdiği meta etiketini birleştirerek uyguladım ve olumlu sonuç aldım. Teşekkür ederim. Çalışmalarınızda başarılar dilerim.:)
www.dersyap.com
- Üyelik 10.01.2015
- Yaş/Cinsiyet 36 / E
- Meslek Web Developer
- Konum Ankara
- Ad Soyad E** K**
- Mesajlar 134
- Beğeniler 13 / 50
- Ticaret 0, (%0)
Tavsiyem bootstrap gibi bir framework ile yeniden kodlamanızdır. Sonradan eklenen resposive tasarım en ufak şeyde bozulmaktadır. Tasarımda ufak değişikliklere bile gitmeyecekseniz bu yöntemi yapın.