Merhabalar.
Yabancı yapım temalarda, CTRL > + yapınca yani yakınlaştırma yapınca sanki ekran boyutu küçülüyor ve ona göre responsive özelliğini kullanıyor.
Bu nasıl yapılıyor?
İnşallah anlatabilmişimdir.
Zoom yapınca bozulan tema |
10 Mesajlar | 1.379 Okunma | ||
- Üyelik 08.03.2014
- Yaş/Cinsiyet 28 / E
- Meslek Öğrenci
- Konum İstanbul Anadolu
- Ad Soyad E** G**
- Mesajlar 1066
- Beğeniler 192 / 189
- Ticaret 26, (%100)
InfiniTheme Profesyonel Magazin - Teknoloji Wordpress Teması Çıktı (Konularımdan ulaşabilirsiniz.)
- Üyelik 02.07.2014
- Yaş/Cinsiyet 36 / E
- Meslek -
- Konum İzmir
- Ad Soyad K** K**
- Mesajlar 781
- Beğeniler 165 / 186
- Ticaret 2, (%100)
CSS kodlarını ekran boyularına göre yazıyorlar. media screen kodu ile. Bu sayade responsive oluyor ve ekrana göre şekil alıyor.
- Üyelik 08.03.2014
- Yaş/Cinsiyet 28 / E
- Meslek Öğrenci
- Konum İstanbul Anadolu
- Ad Soyad E** G**
- Mesajlar 1066
- Beğeniler 192 / 189
- Ticaret 26, (%100)
CSS kodlarını ekran boyularına göre yazıyorlar. media screen kodu ile. Bu sayade responsive oluyor ve ekrana göre şekil alıyor.
Biliyorum onu bende yapıyorum ama pixele göre. Ekranı yakınlaştırdığında ekran bozuluyor yinede.
InfiniTheme Profesyonel Magazin - Teknoloji Wordpress Teması Çıktı (Konularımdan ulaşabilirsiniz.)
- Üyelik 01.07.2014
- Yaş/Cinsiyet 29 / E
- Meslek php dev
- Konum Isparta
- Ad Soyad Y** A**
- Mesajlar 158
- Beğeniler 33 / 48
- Ticaret 52, (%98)
pixel değil vh,vw ile kullanmalısın.
Örneğin 10 vh; ekran yüksekliğinin yüzde 10 demek. vw ise ekran genişliği için
Örneğin 10 vh; ekran yüksekliğinin yüzde 10 demek. vw ise ekran genişliği için
- Üyelik 13.08.2013
- Yaş/Cinsiyet 28 / E
- Meslek Editör
- Konum Hatay
- Ad Soyad R** Ç**
- Mesajlar 1310
- Beğeniler 139 / 307
- Ticaret 18, (%100)
ben % olarak kullanıyorum width değerlerini
- Üyelik 02.07.2014
- Yaş/Cinsiyet 36 / E
- Meslek -
- Konum İzmir
- Ad Soyad K** K**
- Mesajlar 781
- Beğeniler 165 / 186
- Ticaret 2, (%100)
Biliyorum onu bende yapıyorum ama pixele göre. Ekranı yakınlaştırdığında ekran bozuluyor yinede.
Piksel değil % olarak kullanacaksın.
- Üyelik 08.03.2014
- Yaş/Cinsiyet 28 / E
- Meslek Öğrenci
- Konum İstanbul Anadolu
- Ad Soyad E** G**
- Mesajlar 1066
- Beğeniler 192 / 189
- Ticaret 26, (%100)
Piksel değil % olarak kullanacaksın.
pixel değil vh,vw ile kullanmalısın.
Örneğin 10 vh; ekran yüksekliğinin yüzde 10 demek. vw ise ekran genişliği için
Örneğin 10 vh; ekran yüksekliğinin yüzde 10 demek. vw ise ekran genişliği için
Mesela zoom edince mobil görünüşe geçen temaların kodlarına bakıyorum. Adam px kullanmış @media olarak değerler girdiğinde falan da px kullanmış.
InfiniTheme Profesyonel Magazin - Teknoloji Wordpress Teması Çıktı (Konularımdan ulaşabilirsiniz.)
- Üyelik 02.07.2014
- Yaş/Cinsiyet 36 / E
- Meslek -
- Konum İzmir
- Ad Soyad K** K**
- Mesajlar 781
- Beğeniler 165 / 186
- Ticaret 2, (%100)
media screen widht:768px; mesela ya bu 768pikselde çalış demek.
içindeki css kodlarını % ile yazman gerek yani benim kendi temam bu şekilde bildiğim kadarıyla responsive % ile oluyor zaten pikselle değil. Siz en iyisi temayı değiştirin veya illa responsive istiyorsanız ki bu şart artık bu devirde sıfırdan yazdırın css kodlarını.
içindeki css kodlarını % ile yazman gerek yani benim kendi temam bu şekilde bildiğim kadarıyla responsive % ile oluyor zaten pikselle değil. Siz en iyisi temayı değiştirin veya illa responsive istiyorsanız ki bu şart artık bu devirde sıfırdan yazdırın css kodlarını.
- Üyelik 08.03.2014
- Yaş/Cinsiyet 28 / E
- Meslek Öğrenci
- Konum İstanbul Anadolu
- Ad Soyad E** G**
- Mesajlar 1066
- Beğeniler 192 / 189
- Ticaret 26, (%100)
media screen widht:768px; mesela ya bu 768pikselde çalış demek.
içindeki css kodlarını % ile yazman gerek yani benim kendi temam bu şekilde bildiğim kadarıyla responsive % ile oluyor zaten pikselle değil. Siz en iyisi temayı değiştirin veya illa responsive istiyorsanız ki bu şart artık bu devirde sıfırdan yazdırın css kodlarını.
içindeki css kodlarını % ile yazman gerek yani benim kendi temam bu şekilde bildiğim kadarıyla responsive % ile oluyor zaten pikselle değil. Siz en iyisi temayı değiştirin veya illa responsive istiyorsanız ki bu şart artık bu devirde sıfırdan yazdırın css kodlarını.
Ben temalarımı kendim yapıyorum. Px ile de yapılabiliyor o iş. Neyse halledicem.
InfiniTheme Profesyonel Magazin - Teknoloji Wordpress Teması Çıktı (Konularımdan ulaşabilirsiniz.)