Web Sitesi Her Çözünürlüğe Göre Uyarlama

Merhaba arkadaşlar, bir web sitesi tasarlıyorum fakat bir sorunum var. Sitenin her çözünürlüğe uygun olması için ne yapmam gerekli?

Örneğin: Çözünürlüğüm 1360x768, fakat ben genişliği ve yükseliği kendi ekran çözünürlüğüme göre yapsam diğerlerinde küçük kalacak.

Yardımlarınızı bekliyorum.

Buraya bakabilirsiniz (İngilizce):
https://www.codeproject.com/Articles/762201/Adjusting-your-websites-to-fit-all-types-of-resolu

Daniel Saddler dedi:

Buraya bakabilirsiniz (İngilizce):
Adjusting your websites to fit all types of resolution using HTML and CSS - CodeProject

Genişletmek için tıkla...

Teşekkürler, işime yaradı. Eğer benimle aynı durumda olan arkadaşlar olursa, bu kodlarla yapabilir.

Sadece menü için düşünme bunu ileride web siteni tamamen telefona-tablete duyarlı bir hale getirmek istediğinde yukarıdaki kodlar yetersiz kalacaktır. Onun için Grid System var genelde Boostrap'ın ki kullanılıyor. Şahsi önerim Flexible Grid System'dir Bootstrap'a göre biraz daha temiz kod yazabilirsin.

RealtimeUfuk dedi:

Sadece menü için düşünme bunu ileride web siteni tamamen telefona-tablete duyarlı bir hale getirmek istediğinde yukarıdaki kodlar yetersiz kalacaktır. Onun için Grid System var genelde Boostrap'ın ki kullanılıyor. Şahsi önerim Flexible Grid System'dir Bootstrap'a göre biraz daha temiz kod yazabilirsin.

Genişletmek için tıkla...

Önerin için sağol, buna da göz atacağım.

Kendi kodlayacagina arkadasin dedigi gibi Bootstrap gibi hazir kutuphane kullan. Hem SD, HD, Full HD, QHD, U-HD gibi bircok cozunurluge zaten kendisi ayarliyor. Yani mobil icin tasarimi degistirmiyorsun BS bunu senin icin yapiyor. Hem sunucuya yukte olmuyor.

Şuan tavsiyelerinizle, boostrap kullanıyorum. Teşekkürler.

Mobil kodu kullanabilirsiniz.
@max-wid......
filandı . Araştırırsanız çıkar.

bathan dedi:

Mobil kodu kullanabilirsiniz.
@max-wid......
filandı . Araştırırsanız çıkar.

Genişletmek için tıkla...

Responsive Web Design Media Queries

Bahsettiğin şey responsive tasarım dediğimiz ekran çözünürlüklerine göre yazdığınız sitenin hem telefon gibi küçük hem de pc gibi büyük ekranlarda düzgün görünmesini sağlar. Bunu bootstrap gibi grid sistemi kullanan frameworklerle de yapabilirsin, ki bunlar oldukça pratiktir. Grid sistem kullanmak istemiyorum sadece css ile yapmak istiyorum diyorsan da css3 ün media query özelliklerini incelemeni tavsiye ederim. Mantık aynı, ekran genişliği x pixelden az ise şu elementi şu stiller ile göster demek. Eğer ingilizcen varsa konu ile alakalı bu bağlantı yardımcı olacaktır sana : CSS3 Media Queries - Examples