h5制作:请竖屏浏览获得最佳体验

在我们近期的一个h5切图的项目中,因为h5手机网站在竖屏下的效果最好 ,横屏下体验不好,那么如果能够在用户横屏浏览的时候,给一个提示:请竖屏浏览获得更加体验。那就可以很好的解决了。

网上很多js解决方案和css多媒体查询但是需要一个个测试,以下是亲测有效的做下笔记

@media (max-width:1000px) and (orientation: portrait) {

当屏幕小于1000并且为竖屏的时候。。

}

@media (max-width:1000px) and (orientation: landscape) {

当屏幕小于1000并且为横屏的时候。。

}

切版- 切图网(qietu.com)旗下psd转html,前端外包的“切图客”团体。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

客服咨询
客服1
客服2
微信公众号