Angularjs 如何使表单适应屏幕？

我正在使用AngularJS和AngularMaterial。 我正在制作一个登录表单，但我有一个问题，当我看到登录表单时，它在智能手机上非常小

如何使表单适应屏幕或使其在屏幕上更大

笔记本：

代码：

乌萨里奥
康瑟斯尼娜
安格尔
Accediendo desde：
angular.module（“loginboxapp”、['ngMaterial'、'ngRoute']）
.config（函数（$mdThemingProvider，$routeProvider）{
$mdThemingProvider.theme（'default'）
.primaryPalette（“蓝色”）
.accentPalette（“浅蓝色”）；
})
.controller（“loginCTRL”，功能（$scope）{
})

您可以尝试将视口元标记添加到模板的头部部分

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

更多信息请点击此处：

或

---

您可以使用媒体查询/断点手动设置这些样式：

您已经将表单的宽度设置为80%居中，这就是您得到的结果

你的身体有一排布局，里面有三个div。在第二个div中设置flex sm=“80”，这意味着该div将占据小型设备屏幕宽度的80%，第一个和第三个div将各占10%

您可以轻松更改此设置并使用全屏宽度。例如，如果您希望100%使用小型设备，80%使用中型设备，65%使用其他设备，则将div设置为如下所示