Çİzim uygulaması içeren bir websitem var, responsive olarak ekrana tam oturacak şekilde ayarlı. Bilgisayarda düzgün çalışmasına rağmen mobilde (body'e overflow:hidden verdiğim halde) ekran aşağı yukarı kaydırılabiliyor.
Yükseklik değerini ise ilk height:100vh olarak verdim, bu çözüm olmayınca javascript kullanarak onresize eventi ile yüksekliği screen.height olarak atadım. Bu biraz daha iyi oldu sanırım ama halen daha bazı telefonlarda ciddi yukarı aşağı kayma oluyor.
Bunu nasıl çözebilirim?
Site: https://kidsdrawinghub.com/car-painting/
Chrome'da mobil moduna geçerek bakabilirsiniz. (mobil modunda çok az aşağı yukarı oynuyor ama mesela benim telefondan deneyince çok fazla yukarı aşağı oynuyor)
Mobilde overflow sorunu
4
●356
- 27-04-2018, 16:26:16Çok teşekkürler, dediğiniz gibi margin:0 ekleyince chrome mobil modunda denediğim kadarıyla düzeldi. Margin'den kaynaklı olabileceği hiç aklıma gelmemişti.ademgao adlı üyeden alıntı: mesajı görüntüle
- 27-04-2018, 16:36:23Rica ederim, böyle durumlarda divleri silerek, yani eleme yaparak sorunun nerede olduğunu bulabilirsiniz, ben o şekilde denedim ve buldum. Yoksa margin benimde aklıma gelmezdimapacarta adlı üyeden alıntı: mesajı görüntüle
- 27-04-2018, 16:41:18Normalde ben de divleri eleyerek yapıyorum da bu sefer bilgisayarda düzgün çalışıp mobilde çalışmayınca mobille alakalı bir problem diye düşündüm. Yabancı sitelerde 100vh mobilde düzgün çalışmıyor, javascript ile yapmak daha iyi tarzı yorumlar görünce olay başka yerlere kaydıademgao adlı üyeden alıntı: mesajı görüntüleRica ederim, böyle durumlarda divleri silerek, yani eleme yaparak sorunun nerede olduğunu bulabilirsiniz, ben o şekilde denedim ve buldum. Yoksa margin benimde aklıma gelmezdi
