CSS

1
2
3
4
5
6
7
8
9
10
11
@media screen and (min-width: 900px){
    .site{
        display:none;
    }
}
 
@media screen and (max-width: 899px){
    .no-mobile{
        display:none;
    }
}

页面

1
2
3
4
5
6
<p class="no-mobile shadow">
    Please visit from your mobile phone!<br>
    This page is made to work for mobile devices!
</p>
<div class="site">
</div>