Responsive Sorunu

Merhabalar,
Sitemi responsive hale getirmek için çalışıyorum fakat, şöyle bir durum var.

Bir minibook var ekran genişliği 1024 px.Sitem bu minibookda sıkıntısız görünüyor.Fakat birde tablet var, tabletin ekran genişliği 1280 px.Ama minibookdan daha küçük.Bu tablette sitem sıkıntılı görünüyor, her şey birbirinin içine geçmiş.Şimdi ben bu tarz tabletler için bazı divleri display:none; yapacağım ama minibook yada leptodan bu çözünürlükte giren kişilerde siteyi eksik görecek.Bu sorunu nasıl çözebilirim ?

Umarım anlatabilmişimdir

Giren kişilerin tabletten girdiğini tespit edip yeni bir .css dosyasına mı yönlendireyim ?

@media elementleriyle istediğiniz px aralıklarında değerler yazabilirsiniz.

Örnek kullanım :

@media (max-width: 768px) {
  section .promotions-panel .panel-body {
    height: 350px !important;
  }
  section .content-title h1 {
    font-size: 22px;
  }
}

Demek istediğim o değildi hocam zaten onu kullanıyordum, neyse çözdüm baya uğraştan sonra

Responsive ile çözülebilecek bir sorun değil. Aslında bu sorunun muhtemelen kaynağında yatan sebep tarayıcı farkıdır. Çünkü siz eğer min 1024px den sonrası masaüstü ve geniş çözünürlüklü cihazlar için kodladıysanız, 1280px çözünürlüğe sahip bir tabletten girdiğinizde netbook daki gibi gözükmesi gerekmektedir. Yani düzgün çıkmalıdır.

Sorunun gerçek çözümü aslında kod hatalarını tek tek bulup düzeltmeniz olmalıdır. Ama bahsettiğiniz gibi php veya javascript ile cihaz tespiti yapıp ona göre css yazdırmakda mümkündür diye tahmin ediyorum.

madia etiketi altında divlerin genişliklerini pc olarakmı ayarlıyorsunuz yoksa % olarak mı?. geçi sorunu çözdüm yazmışsınız