禁用我的 angular 应用程序的移动视图，因为我无法在移动视图中显示我的应用程序

Question

我正在为我的 Web 应用程序使用 angular，因为我的 Web 应用程序不是移动响应的，我想禁用它，当用户打开时我需要显示一条消息，例如， 我们不支持此应用程序的移动视图

Answer 1

HTML:

<div class="no-view"> <p>We dont support mobile web browser</p> </div>

css:

.no-view  {
  display: none; // by default it is hidden
}

@media only screen and (max-width: 700px) {
  .no-view {
    display: block;
    background-color: lightblue;
  }
}