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

Question

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

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

通过上述陷阱，我将页面定向到单独的移动页面，问题从设置宽度开始。

在移动页面中，我尝试在CSS中设置宽度，例如

width="auto"

，

width=100%

甚至宽度元素，但注册页面仍然只占据屏幕的30％-40％（

used align: left

）并且不可见。

我正在使用 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

有解释和示例。

参见：

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