How do I remove white space at the bottom of my web page that only appears on mobile?


يرجى شرح بإيجاز لمإذا تشعر أنك ينبغي الإبلاغ عن هذا السؤال.


When viewing my website on a mobile browser, there is a block of white space below the last line of content. This white space does not show up on web browsers.

I’ve tried a bunch of different fixes including going through my CSS line by line to find a margin or padding error, but I could not find anything.

The closest I’ve come to a solution is overflow: hidden; which is almost perfect, but this creates a new problem where rotating the mobile device & some browser sizes will cut content off. Is there some way I can get around this?

For reference, these are the other solutions I’ve tried for the white space problem:

A CSS reset

Setting html body height to 100%

Adding ”’background-size: cover;”’ and a min-height of 100%

X 5 أشهر 2022-07-10T12:06:21+03:00 0 إجابة 0 مشاهدات مبتدئ 0

‫أضف إجابة


مجهول يجيب