css写的手机网站登录页面css如何使网页左右固定不动

来源：蜘蛛抓取(WebSpider) 时间：2018-05-27 20:12 标签： css控制页面的方式
最近在做一个手机页面，竖屏的设计。如何禁止手机在横过来时自动切换成横屏？
该问题被发起重新开启投票
投票剩余时间：
之前被关闭原因：
该问题被发起删除投票
投票剩余时间：
距离悬赏到期还有：
参与关闭投票者：
关闭原因：
该问题已经被锁定
锁定原因：（）
保护原因：避免来自新用户不合宜或无意义的致谢、跟帖答案。
该问题已成功删除，仅对您可见，其他人不能够查看。
移动设备上的页面，当屏幕旋转的时候会有一个orientationchange事件。你可以给body元素增加此事件的监听：
&body onorientationchange="updateOrientation();"&
当用户旋转屏幕的时候，会进入到你的监听方法中，然后通过window.orientation来获取当前屏幕的状态：0 - 竖屏90 - 逆时针旋转横屏-90 - 顺时针旋转横屏180 - 竖屏，上下颠倒
如果你不希望用户使用横屏方式查看你的网页，你可以在设备旋转时间监听里面对body使用CSS3里面的transition中的旋转来保持页面竖向。但是目前很少见到限制用户横屏查看的页面
在activty禁用系统的自动横屏功能
在AndroidManifest.xml的activity(需要禁止转向的activity)配置中加入android:screenOrientation=&landscape&属性即可(landscape是横向，portrait是纵向)
德问是一个专业的编程问答社区，请
后再提交答案
关注该问题的人
共被浏览 (28865) 次在&head&&/head&之间加以下代码：
&meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" /&
阅读(...) 评论()HTML5&CSS3手机网站模板_移动端网页框架UI - Astro - jQueryfuns
上传于 1年前|
Astro模板适合开发移动网站,创建Web应用程序和本地应用，它适合任何类型的移动设备。
立即下载 ( 文件大小：4.95 M)
Mozilla Firefox
Google Chrome
也许你还喜欢
键盘快捷键:手机网站常用的六种布局方案优缺点分析 - 25学堂
你可能喜欢
回复艾尔星系：
25学堂的QQ群
APP界面设计交流群：(已满)
UI/UX设计交流群：
官网客服QQ：
使用社交账户登录

我要回帖

更多关于 css控制页面的方式 的文章

 

随机推荐