【项目地址】： http://dwz.cn/RYgq7【手机二维码】：【效果】：【代码】
为了更好的体验，请使用竖屏浏览
/* 样式放在结尾，防止 base64 图片造成拥塞 */
@keyframes rotation {
10% {
transform: rotate(90deg)...
分类：
移动开发 时间：
2015-06-21 18:32:17
阅读次数：
4238
根据developer官方指导，当屏幕宽度足够时，Tab将嵌入Actionbar显示为一行，如大屏Pad、手机横屏时；
当屏幕宽度较窄时，Tab显示在Actionbar下一行，总共两行，常见于手机竖屏时；
有时需求在pad上显示双行Tab，或是在手机竖屏时显示为单行Actionbar；...
分类：
其他好文 时间：
2015-05-18 20:51:33
阅读次数：
112
最近做了关于介绍德州扑克历史介绍和砸蛋的一个活动专题（移动端）专题地址：http://demo.qpdiy.com/all/H5/subjects/guandan/h/index.html里面学到了很多css3以及一些移动端特效的处理，比如页面加载动画，手机横屏提示，微信分享接口，音乐设置HTML抬...
分类：
移动开发 时间：
2015-02-03 18:55:15
阅读次数：
591
一、布局文件：在layout目录下，使用比较广泛； 我们可以为应用定义两套或多套布局，例如：可以新建目录layout_land(代表手机横屏布局)，layout_port(代表手机竖屏布局)，系统会根据不同情况自动找到最合适的布局文件，但是在同一界面的两套不同布局文件的文件名应该是相同的，只是放在....
分类：
移动开发 时间：
2015-01-29 19:29:24
阅读次数：
178
html：
亲，请竖屏观看本屏内容，谢谢^_^
css：
/* 判断手机横竖屏 */
@media screen and (orientation:portrait) {
/* css[竖向定义样式] */
#cover1{display: none;width: 100%;height: 100%;backg...
分类：
移动开发 时间：
2014-12-24 13:33:21
阅读次数：
321
if(window.orientation!=0){ var obj=document.getElementById('orientation'); alert('横屏内容太少啦，请使用竖屏观看！'); obj.style.display='block';}window.onori...
分类：
移动开发 时间：
2014-11-14 10:34:57
阅读次数：
193
原理：当用户旋转屏幕的时候，会进入到你的监听方法中，然后通过window.orientation来获取当前屏幕的状态：0 - 竖屏90 - 逆时针旋转横屏-90 - 顺时针旋转横屏180 - 竖屏，上下颠倒如果你不希望用户使用横屏方式查看你的网页，你可以在设备旋转时间监听里面对body使用CSS3里...
分类：
移动开发 时间：
2014-09-23 09:34:24
阅读次数：
282
@media是css3中新定义的，功能非常强大，顾名思义PC是无法匹配横竖屏的，所以orientation只对移动设备起效。1.头部声明复制代码代码如下:加到复制代码代码如下:2. media匹配屏幕是横屏还是竖屏复制代码代码如下:@media all and (orientation : land...
分类：
移动开发 时间：
2014-07-15 09:58:48
阅读次数：
233
原文地址：http://woshixy.blog.51cto.com/5637578/1081913目前大多数手机都支持重力感应随之而来的就是屏幕方向改变的问题。对应普通开发者来说屏幕的随意改变也会带来困扰。在Google自带的doc里可以看到，如果设备的配置(Resources.Configura...
分类：
移动开发 时间：
2014-07-09 23:03:19
阅读次数：
325
方法：在AndroidManifest.xml的标签里面加入下面代码 android:screenOrientation=”portrait”属性即可(portrait是纵向，landscape是横向)，事例代码如下：
分类：
移动开发 时间：
2014-06-29 19:25:26
阅读次数：
317
