@media是css3中新定义的，功能非常强大，顾名思义PC是无法匹配横竖屏的，所以orientation只对移动设备起效。
1.头部声明
&meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no,maximum-scale=1.0"&
&head&&/head&
2. media匹配屏幕是横屏还是竖屏
@media all and (orientation : landscape) { &/p& &p&/*　　这是匹配横屏的状态，横屏时的css代码　　*/body {&&}&}&@media all and (orientation : portrait){ &/p& &p&/*　　这是匹配竖屏的状态，竖屏时的css代码　　*/body {&background-color: #00ff00;&}&}&
3. 应用的地方
（1）手机WEB页面元素内容一般都是通过百分比定义的，以便能够在不同分辨率设备下都能正常显示，虽然这样，但是移动设备的屏幕分辨率宽度和高度相差还是很大，同样的页面在屏幕翻转过来时可能百分比定义的元素宽度会变得非常大，这样就会失去页面的美观性，这样，如果用orientation匹配屏幕的翻转状态，就可以写不同的css加以控制页面样式。
（2）对于有背景图的移动WEB页面，可以根据orientation匹配屏幕屏幕状态，设置不同的background。
（3）稍微有技术的一点：某些有绝对定位元素的WEB页面，将某元素定位到页面底部，当屏幕是竖屏状态时，可能因为页面总长度小于屏幕高度(但是大于屏幕宽度)，这时将绝对定位元素定位到底部是正确的，但是当屏幕翻转成为横屏时，此时因为页面内容高度大于屏幕高度(就是未翻转时屏幕宽度)，绝对定位元素会覆盖在页面内容之上，导致页面出现问题，这时可用orientation匹配屏幕状态，调整css代码。
关于匹配屏幕横竖屏状态还可通过JS判断，js中onorientationchange是window的一个事件，可以通过监听事件匹配屏幕横竖屏。
阅读(...) 评论()红米note手机qq视频聊天总是横屏，如何转成竖屏。_百度知道
红米note手机qq视频聊天总是横屏，如何转成竖屏。
清除一下软件数据再打开。②卸载后重新下载安装相应的程序你好。建议您可以尝试一下下面的方法看看：①点击设置-应用程序-全部-找到该软件--清除数据
MIUI，为发烧而生
主营：互联网公司
其他类似问题
为您推荐：
红米的相关知识
其他3条回答
在设置里关掉横屏就行了
设置成不能转屏
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁查看: 2986|回复: 5
PhoneGAP如何禁止手机横屏竖屏旋转，如何限制应用只能竖屏
主题帖子积分
注册会员, 积分 123, 距离下一级还需 77 积分
注册会员, 积分 123, 距离下一级还需 77 积分
如题！我想让应用只能竖屏显示，怎么实现？
如何禁止手机横屏竖屏旋转，如何限制应用只能竖屏
主题帖子积分
PhoneGAP 如何禁止手机横屏竖屏旋旋转的方法：
在Android中要让一个程序的界面始终保持一个方向，不随手机方向转动而变化的办法： 只要在AndroidManifest.xml里面配置一下就可以了。
在AndroidManifest.xml的activity(需要禁止转向的activity)配置中加入 android:screenOrientation=”landscape”属性即可(landscape是横向，portrait是纵向)。例如：
&application android:persistent=&true&
& && & android:label=&@string/home_title&
& && & android:icon=&@drawable/ic_launcher_home&&
&&
& &&&&activity android:name=&Home&
& && && && & android:theme=&@style/Theme&
& && && && & android:launchMode=&singleInstance&
& && && && & android:stateNotNeeded=&true&
& && && && & android:screenOrientation=&portrait&&
& && && &&intent-filter&
& && && && & &action android:name=&android.intent.action.MAIN& /&
& && && && & &category android:name=&android.intent.category.HOME&/&
& && && && & &category android:name=&android.intent.category.DEFAULT& /&
& && && &&/intent-filter&
& &&&&/activity&
&application android:persistent=&true&
android:label=&@string/home_title&
android:icon=&@drawable/ic_launcher_home&&
&activity android:name=&Home&
android:theme=&@style/Theme&
android:launchMode=&singleInstance&
android:stateNotNeeded=&true&
android:screenOrientation=&portrait&&
&intent-filter&
&action android:name=&android.intent.action.MAIN& /&
&category android:name=&android.intent.category.HOME&/&
&category android:name=&android.intent.category.DEFAULT& /&
&/intent-filter&
&/activity&
复制代码
另外，android中每次屏幕方向切换时都会重启Activity，所以应该在Activity销毁前保存当前活动的状态，在Activity 再次Create的时候载入配置，那样，进行中的游戏就不会自动重启了！
要避免在转屏时重启activity，可以通过在androidmanifest.xml文件中重新定义方向(给每个activity加上 android:configChanges=”keyboardHidden|orientation”属性)，并根据Activity的重写 onConfigurationChanged(Configuration newConfig)方法来控制，这样在转屏时就不会重启activity了，而是会去调用 onConfigurationChanged(Configuration newConfig)这个钩子方法。例如：
if(newConfig.orientation==Configuration.ORIENTATION_LANDSCAPE){
& &//横向&&
& &setContentView(R.layout.file_list_landscape);&&
}else{
& &//竖向&&
& & setContentView(R.layout.file_list);&&
if(newConfig.orientation==Configuration.ORIENTATION_LANDSCAPE){
//横向
setContentView(R.layout.file_list_landscape);
}else{
//竖向
setContentView(R.layout.file_list);
}复制代码
在模拟器中，要使程序转屏可以使用快捷键F12或Ctrl+F11来切换。当然在用命令行启动模拟器时可以直接使用参数emulator.exe -skin HVGA-L来启动横屏的程序。
主题帖子积分
高级会员, 积分 548, 距离下一级还需 452 积分
高级会员, 积分 548, 距离下一级还需 452 积分
在AndroidManifest.xml文件的Activity结点里面添加一个属性 android:screenOrientation=&nosensor&
主题帖子积分
注册会员, 积分 123, 距离下一级还需 77 积分
注册会员, 积分 123, 距离下一级还需 77 积分
谢谢你们哦
主题帖子积分
新手上路, 积分 4, 距离下一级还需 46 积分
新手上路, 积分 4, 距离下一级还需 46 积分
这个很有用哦
主题帖子积分
站长推荐 /1
Ionic(ionicframework)号称未来最有潜力的一款html5移动app开发框架是Angularjs移动端解决方案，Angularjs号称下一代web应用，Ionic移动app开发教程值得拥有
Powered by您的举报已经提交成功，我们将尽快处理，谢谢！
播放器怎么设置我不太清楚。不过我知道用格式工厂可以把视频旋转90或者180度。
你手机设置里面的自动旋转屏的功能没有开启，所以手机进去视频话不会自动转成横屏目，你打开自动旋转就好了
大家还关注
(window.slotbydup=window.slotbydup || []).push({
id: '2081942',
container: s,
size: '1000,60',
display: 'inlay-fix'这家公司要为手机拍摄竖屏纪录片
[摘要]美国一家影视媒体将给Snapchat独家制作竖屏拍摄的原创节目。
影片讲述热门美剧《摩登家庭》的主演索菲亚·沃基拉(Sofia Vergara)的职业发展故事和人生经历腾讯科技讯 智能手机用户通过手机观看影视节目，已经司空见惯。但一个问题是需要频繁调整手机方向，因为几乎所有的版权影视节目，都是16：9横屏拍摄的，以便兼容电影院屏幕、电视机、电脑和平板。不过，美国一家影视媒体日前宣布，将给移动社交工具Snapchat，独家制作竖屏拍摄的原创节目。据估计，这可能是行业首次。Snapchat是手机社交的当红炸子鸡。不久前，Snapchat开始延伸至新闻和内容门户，推出了“发现”板块，聚合了大量新闻网站和视频网站的内容。Snapchat希望在这些内容中插入广告牟利，而初期数据显示，内容阅读和播放次数达到预期。美国面向青年人的媒体公司Fusion日前宣布，将会拍摄一部六集的视频记录片，讲述热门美剧《摩登家庭》的主演索菲亚·沃基拉(Sofia Vergara)的职业发展故事和人生经历。这部纪录片将通过沃基拉儿子的视角呈现。独具一格的是，这部纪录片，将独家在Snapchat客户端中播出，为了适合Snapchat用户竖屏使用的特点，纪录片也将采用竖屏方式拍摄。美国科技新闻网站“瘾科技”指出，从媒体机构专门为Snapchat拍摄竖屏原创内容来看，Snapchat的高人气已经吸引了越来越多好莱坞明星和视频机构的注意。官网资料显示，Fusion属于类似Vice的新锐媒体，除了原创纪录片、原创电视剧之外，其还涉足了深度调查报道等内容，且关注美国流行文化。据报道，之前Fusion公司已经为Snapchat制作了葡萄牙语、发育、西班牙语等语种的原创内容节目，而此次竖屏拍摄，也将是一次针对Snapchat的原创内容全新试验。绝大部分智能手机用户，以竖屏方式操控手机。有观点认为，竖屏视频不仅免去了旋转手机屏幕的麻烦，而且竖屏拍摄模式，有望带来一种和电影电视完全不同的欣赏体验。（晨曦）
[责任编辑：haroldli]
您认为这篇文章与"新一网（08008.HK）"相关度高吗？
Copyright & 1998 - 2016 Tencent. All Rights Reserved
还能输入140字