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

时间:2017-06-12 13:57:27

标签: android html css width screen

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

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

通过上述陷阱,我将页面指向一个单独的移动页面,其中问题始于设置宽度。

在移动页面中,我尝试在CSS中设置宽度,例如width="auto"width=100%甚至是宽度元素,但仍然只有30%-40%的屏幕位置({ {1}})并且不可见。

我正在使用PHP和MySQL。

请帮我解决这个问题

2 个答案:

答案 0 :(得分:0)

尝试在head标记中添加此标记:

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

我建议你使用bootstrap它将为你解决所有问题

答案 1 :(得分:0)

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

有关于它的例子和解释。

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