i am using angular for my web application as my web application is not mobile responsive, i want to disable it , when a user opens i need show a message like, we doesn't support mobile view for this application

CodePudding user response：

HTML:

<div > <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;
  }
}