社区
Framework
帖子详情
web页面如何禁止界面在ipad上只横屏显示,禁用竖屏显示
ihmLouie
2015-06-29 11:19:02
1、别和我说ipad上面有按钮能控制
2、ipad上应用确实有这方面实现的
问题:
1、如果使用js(最好是jquery)如何实现,插件也可以
2、如果使用css如何实现
请说明大体思路(包括网站或者示例或者清晰的思路)???
...全文
1360
1
打赏
收藏
web页面如何禁止界面在ipad上只横屏显示,禁用竖屏显示
1、别和我说ipad上面有按钮能控制 2、ipad上应用确实有这方面实现的 问题: 1、如果使用js(最好是jquery)如何实现,插件也可以 2、如果使用css如何实现 请说明大体思路(包括网站或者示例或者清晰的思路)???
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
1 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
qq_29373105
2018-10-20
打赏
举报
回复
js判断屏幕横竖屏:
function orient() {
//;
if (window.orientation == 0 || window.orientation == 180) {
$("body").attr("class", "portrait"); //当竖屏的时候为body增加一个class
orientation = 'portrait';
return false;
}
else if (window.orientation == 90 || window.orientation == -90) {
$("body").attr("class", "landscape"); //当横屏的时候为body移除这个class
orientation = 'landscape';
return false;
}
}
$(function(){
orient();
});
$(window).bind( 'orientationchange', function(e){
orient();
});
ipad: 90 或 -90 横屏
ipad: 0 或180 竖屏
Andriod:0 或180 横屏
Andriod: 90 或 -90 竖屏
移动端
页面
开发的常见问题
移动端开发常见问题
总结移动端
页面
开发时需要注意的一些问题
1、防止手机中网页放大和缩小,这点是最基本的,最为手机网站开发者来说应该都知道的,就是设置meta中的viewport 有些手机网站我们看到如下声明: DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> 设置了
Web
APP 开发tips for
iPad
一、应用启动画面设置:
页面
头部加入 重点在下面: 两张图片必须符合宽高标准才能正常
显示
: startup_portrait.png 768x1004 startup_landscape.png 748x1024 1、要注意
横屏
用图必须竖过来,也就是宽748高1024才能
显示
,怕说不清楚做了个示意图; 2、在safari里选“添加到主屏幕”时要保证设备是竖放,才能在完成后成功
移动端H5踩坑总结
前言: pc侧重点击事件,在h5侧重交互触摸 掘金汇总: 掘金h5 mate 属性 使用viewport使
页面
禁止
缩放。 通常把user-scalable设置为0来关闭用户对
页面
视图缩放的行为。 <meta name="viewport" content="user-scalable=0" /> apple-mobile-
web
-app-capable是设置
Web
应用是否以全屏模式运行。 <meta name="apple-mobile-
web
-app-capable" co.
导播台移动端开发遇见的问题总结
前言:移动端导播台采用
Web
Rtc 进行通信,系统要求版本 ios:11.2+ css 1、使用outline:none去除轮廓外框 div{ outline:none; -
web
kit-tap-highlight-color:rgba(0,0,0,0); } 当用户点击iOS的Safari浏览器中的链接或Java...
Framework
4,250
社区成员
4,522
社区内容
发帖
与我相关
我的任务
Framework
国内外优秀PHP框架讨论学习
复制链接
扫一扫
分享
社区描述
国内外优秀PHP框架讨论学习
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章