Websitesini Mobil Uyumlu Hale Getirme

Bir Websitesi oluşturdum kendi bilgisayarımda sorun yok. Ama bazı yüksek çözünürlüklü monitörler sıkıntı çıkarıyor bir de mobilde resimler taşıyor, arka plan resmi tam gözükmüyor. Bu sorunları nasıl aşarım ?

Şu sayfaya bir göz at.

HTML Responsive Web Design

Bunun için siteni 'ızgara'(grid) sistemine göre oluşturmalısın. Sistemdeki mantık şu: Sayfayı 12 kolon olarak kabul ediyor. Sen bu 12 kolonu ister tek, ister 3 (4-4-4), istersen de 12 parça olarak kullan. Bu düzene göre oluşturduğun site daha küçük çözünürlüklerde açıldığı zaman yeniden boyutlanıyor.

İlgili linkler;
Bootstrap Grid System
Grid system

Responsive olarak siteni tekrar düzenlemen gerekiyor, css üzerinden yapıyorsun bu işlemleri hangi çözünürlükte vs vs ona göre işlem sağlatabilirsin.

Bootstrap kütüphanesini araştırmanı tavsiye ederim. Responsive tasarımlar daha kolay oluyor.

Bootstrap: Introduction