无需滚动/缩放的移动Web应用程序

时间:2019-05-11 21:19:42

标签: html css angular

我在Angular中创建了一个简单的Dart-Counter。我也想拥有移动体验,但似乎移动浏览器覆盖了我的网站(ios,android)。视口应与没有导航栏等的浏览器站点中的视图一样大。我想为移动浏览器创建一个不可滚动或不可缩放的Web应用程序。因此,所有设备所见的相同尺寸可能会更大或更小,具体取决于设备的分辨率。

我试图将高度设置为100vh,但这没有用。

这是我从Angular加载组件的主页。

<!doctype html>
<html lang="en">
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0">
</head>
<body>
  <dt-root>
  </dt-root>
</body>
</html>

我想为移动浏览器创建不可滚动或可缩放的Web应用程序。因此,所有设备看到的相同或更大的可能性取决于设备的分辨率。

0 个答案:

没有答案