Why I get horizontal scrollbar (0.7 cm to the right) on the mobile device

Question

User-1456397830 posted

Hello!

I have created an .aspx page that I like to render on the mobile phone. It does work and looks good.

However, there is a horizontal scrollbar visible where I can scroll to the right about 0.7 cm and that area is completely white with nothing in it(Empty space).

I wonder why I get this empty space as I like to remove the horizontal scroll bar. 

I have used the below code but it doesn't seem to work?

<meta name="viewport" content="width=device-width, initial-scale = 1.0, maximum-scale=1.0, user-scalable=no" />

Answer 1

User753101303 posted

Hi,

You see that also with a small window on a desktop machine ? Use F12 elements in your browser (for example  https://developers.google.com/web/tools/chrome-devtools/css/ for Chrome)

In particular you can select an element in the browser and navigate to the corresponding markup or select HTML markup and highlight the corresponding element in the browser window. You can also inspect and change CSS etc... In short F12 is very useful and in particular F12 elements to solve rendering issues (maye your have some malformed HTML markup ?)