如何使用HTML / CSS将宽度设置为移动屏幕尺寸

Question

I am developing a website Register page.

if(strpos($_SERVER['HTTP_USER_AGENT'], 'Android') !== false)

With the above trap, I directed the page to a separate mobile page, where the problems started with setting the width.

in the mobile page, I tried setting the width in CSS like width="auto" , width=100% and even a width element, but still the Register page occupies just 30%-40% of the screen ( used align: left ) and not visible.

I am using PHP and MySQL.

Please help me how to come out of this problem

Answer 1

Try to add this tag in the head tag:

 `<meta name="viewport" content="width=device-width, initial-scale=1">`

and i advice you to use bootstrap it will be fix every thing for you

Answer 2

Take a look at this page: https://www.w3schools.com/html/html_responsive.asp

There is an explanation on it as wel as examples.

see: <meta name="viewport" content="width=device-width, initial-scale=1.0">