Web sitesini mobil uyumlu hale getirmek

Mobil için farklı bir tasarım hazırlayıp, ekran boyutuna göre orayı çalıştırabilirsiniz ama amacınız responsive tasarım ise media etiketlerine muhtaçsınız.

"media" etiketlerini stratejik kullanarak uğraşmadan da responsive tasarım yapabilirsiniz.
 
Dragonlordturkiye dedi:
Direkt olarak Bootstrap kullanabilirsiniz. Zaten responsive oluyor diye biliyorum.
Genişletmek için tıkla...

Bootstrap kullanılabilir fakat kullanmak için media querylerini iyice bilmekte fayda var.

İlk yaptığım sitede ben de böyle bir sıkıntıyla karşılaşmıştım ve empati kurunca için işinden çıkamıycağını tahmin edebiliyorum(Tasarıma göre değişir tabi).

w3schools da çok tatlı anlatıyor media querylerini girip bir bakmanı öneririm.

HTML'de head tag'inin içine bunu yapıştırdıktan sonra chrome ile farklı mobil sürümlerde testlerini gerçekleştirebilirsin.

HTML: 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
Media ile uğraşmanıza gerek yok. Çok absürt, front-end olarak yoğun içeriğe sahip bir site değilse Bootstrap veya başka bir frameworkle biraz uğraşıp mobil uyumlu hale getirebilirsiniz. Chrome tarayıcısında ve Chrome mağazası kullanan Windows Resizer extensionunu kullanın. Sekmeyi ortalama telefon ve tablet boyutuna göre küçültüp büyütüyor. Daha kesin sonuçlar alırsınız.
 
Ascendency dedi:
Media ile uğraşmanıza gerek yok. Çok absürt, front-end olarak yoğun içeriğe sahip bir site değilse Bootstrap veya başka bir frameworkle biraz uğraşıp mobil uyumlu hale getirebilirsiniz. Chrome tarayıcısında ve Chrome mağazası kullanan Windows Resizer extensionunu kullanın. Sekmeyi ortalama telefon ve tablet boyutuna göre küçültüp büyütüyor. Daha kesin sonuçlar alırsınız.
Genişletmek için tıkla...

Böyle kesin bir yönlendirme insanların öğrenmesini zorlaştıracaktır, media tag'ini bilmeyen CSS önceliklerini bilmeden tasarımlar yapmak çok yanlış. İlk başta onu öğrendikten sonra geçmesi daha doğru olacaktır.
 
kaan_js dedi:
Böyle kesin bir yönlendirme insanların öğrenmesini zorlaştıracaktır, media tag'ini bilmeyen CSS önceliklerini bilmeden tasarımlar yapmak çok yanlış. İlk başta onu öğrendikten sonra geçmesi daha doğru olacaktır.
Genişletmek için tıkla...
Kolay yoldan istiyor. Muhtemelen acelesi var. Yoksa öğrenmesi daha mantıklı.
 
kaan_js dedi:
Bootstrap kullanılabilir fakat kullanmak için Media querylerini iyicebilmekte fayda var.

İlk yaptığım sitede ben de böyle bir sıkıntıyla karşılaşmıştım ve empati kurunca için işinden çıkamıycağını tahmin edebiliyorum(tasarıma göre değişir tabii).

W3schools da çok tatlı anlatıyor Media querylerini girip bir bakmanı öneririm.

HTML'de head tag'inin içine bunu yapıştırdıktan sonra Chrome ile farklı mobil sürümlerde testlerini gerçekleştirebilirsin.

HTML: 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Genişletmek için tıkla...

Evet bu site bayağı yararlı, sayfamı açtığım zaman yakınlaştırarak açıyor tam boyutta açılmasını sağlamam için bir komut var mı.
 
Uyarı! Bu konu 5 yıl önce açıldı.
Muhtemelen daha fazla tartışma gerekli değildir ki bu durumda yeni bir konu başlatmayı öneririz. Eğer yine de cevabınızın gerekli olduğunu düşünüyorsanız buna rağmen cevap verebilirsiniz.

Benzer konular

TeknoEmir
Web sitesini telefona ve tablete nasıl uyumlu hale getirebilirim?
Mesaj
2
Görüntüleme
292
Tarikme
T
6
Web sitesi nasıl mobil uyumlu hale getirilir?
Mesaj
7
Görüntüleme
935
Yeniçocuk
Yeniçocuk
AlanTuring
Websitesini Mobil Uyumlu Hale Getirme
Mesaj
4
Görüntüleme
1.512
Halil1905
Halil1905
K
Mobil uyumlu web sitesi yapımı
Mesaj
2
Görüntüleme
544
bitwise
bitwise
S
Web sitesini URL olarak paylaşma
2
Mesaj
13
Görüntüleme
1.196
61691
6

Technopat Haberler

Yeni konular

Yeni mesajlar

Geri
Yukarı