Web Sitesi Tarayıcı Çözünürlüğü Sorunu

Bir web sitesini HTML ve CSS kullanarak kodluyoruz. Varsayılan ölçü olarak pixel cinsini kullanıyoruz. Benim ekranımda tam gözüken site 800X600 bir monitörde açılınca bozuluyor. İstediğim site her çözünürlükte belli oranlarda kalsın bunu nasıl yaparız?

Sayfa genişliğini 1000px olarak sabitledikten sonra sayfasıyı ortalarsanız, 1024x768 ile 1920x1080 arası çözünürlüklerde düzgün görünecektir. 800x600 ayarlamanızın özel bir nedeni yoksa 1000px ayarlamanızı öneririrm.

Kullanıcının memnuniyeti açısından herkes standart bir çözünürlük kullanmıyor. Bu nedenden ötürü 800X600 ayarları için sordum. Fakat standart ölçüleri kullanacağım.

Responsive yapılar süs olsun diye kullanılmıyor. Arayüzün çalışmasını istediğin çözünürlükleri media quer ler ile belirtebilirsin. Yada Samet Ç. dediği gibi standart çözünürlüğü kullanabilirsin.

@Bulut Uzer işte o yapılar nedir? Media quer nedir? Bunları bilsem ve kullanabilsem bu konuyu açamazdım.

Semih Gül dedi:

@Bulut Uzer işte o yapılar nedir? Media quer nedir? Bunları bilsem ve kullanabilsem bu konuyu açamazdım.

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

İki kaynak paylaşıyorum biri benim yazdığım bir kaynak ve içerisinde Tr olarak farklı kaynaklarıda belirttim. Buradan ulaşabilirsin. Yada biraz daha ayrıntıya girmek istersen Css-Tricks bulunan metini inceleyebilirsin.

Teşekkürler.

Bootstrap kutuphanesini kullanabilirsin buyuk yukten kurtarir.

Genislik degerlerini px olarak degil % olarak ver. Tam sayfa olsun istiyorsan bodye width:100% olarak ver degeri. Eger kenarlarda bosluk birakacaksan bodye degerini verdikten sonra ana divine 90% gibi istedigin dusuk bir yuzde verip positon degerlerine right outo 0 left auto 0 vererek cozebilir yada bodye padding olarak px yada % lik deger atayabilirsin.

Teşekkürler. Konu kilitlenebilir.