根据屏幕大小制定显示页面

CSS

@media screen and (min-width: 900px){
	.site{
		display:none;
	}
}

@media screen and (max-width: 899px){
	.no-mobile{
		display:none;
	}
}

页面

    <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>

转载于:https://www.cnblogs.com/TivonStone/p/3688319.html