如何将宽度设置为使用HTML/CSS的手机屏幕尺寸

Question

我正在开发一个网站注册页面。

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

由于上述陷阱，我将页面导向到一个单独的移动页面，其中问题始于设置宽度。

在移动网页

，我尝试设置在CSS的宽度一样width="auto"，width=100%甚至宽度的元素，但仍然是注册页面占据屏幕（used align: left）和不可见的只有30％-40％。

我正在使用PHP和MySQL。

请帮助我如何走出这个问题的

Answer 1

尝试在head标签添加这个标签：

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

，我建议你用bootstrap将解决所有的事情你

Answer 2

看看这个页面：https://www.w3schools.com/html/html_responsive.asp

有一个解释它作为WEL作为例子。

参见：<meta name="viewport" content="width=device-width, initial-scale=1.0">