网页移动端给页面横屏提示

  大家都知道，我们在做移动端的网页时，设计及实现时，都会以竖屏或者横屏中的一种方式进行设计与实现，所以，为了使用户拥有更佳的体验，我们最好就是给网页加一个横屏或者竖屏提示。这里我们以横屏提示为例进行解析。

首先，先做出横屏提示页面

html:

     

	     
	     
请竖屏浏览此页面
     

css:

进入页面时的初始化代码，放在head中;

js:

好了，有了这三段代码，我们的横屏提示就已经加完了。同理竖屏提示，只需要将改变一下判断横竖屏的js代码中的判断条件即可。好啦~正值中秋，大家中秋快乐。