社区
Framework
帖子详情
web页面如何禁止界面在ipad上只横屏显示,禁用竖屏显示
ihmLouie
2015-06-29 11:19:02
1、别和我说ipad上面有按钮能控制
2、ipad上应用确实有这方面实现的
问题:
1、如果使用js(最好是jquery)如何实现,插件也可以
2、如果使用css如何实现
请说明大体思路(包括网站或者示例或者清晰的思路)???
...全文
1287
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 竖屏
基于Springboot+vue 考试系统开发与设计(附源码文档资料)
系统是基于Springboot+vue实现的在线考试系统,适合用于毕业设计进行二次开发,也可以作为工作的开发经验。适合刚毕业的大学生和刚入行的初级软件工程师。本课程会讲解常用的Springboot 和Vue知识和搭建环境的过程,让初学者迅速地在本地开发环境搭建起来,成功运行本套代码。迅速的理解前后端开发的过程,能够完成简单的的bug修改,理解前后端的交互。不管你是初入职场或即将进入职场,想深入学习和了解 Spring Boot 框架和 Vue 的话,那这门课几乎是你最好的选择项目含前端和后端知识,对于前端开发人员和后端开发人员都是一个很好的学习选择。学生系统功能模块介绍登录用户名、密码注册年级、用户名、密码任务中心管理员发布的年级任务,每个学生只能做一次考试题干支持文本、图片、数学公式、表格等,学生答题支持:文本固定试卷可重复练习、自行批改的试卷时段试卷在时间限制内,可重复练习、自行批改的试卷考试记录查看答卷记录和试卷信息错题本答错题目会自动进入错题本,
显示
题目基本信息个人信息
显示
学生个人资料更新信息修改个人资料、头像个人动态
显示
用户最近的个人动态消息中心用于接收管理员发送的消息管理系统功能模块介绍登录用户名、密码主页试卷总数、题目总数、用户活跃度、题目月数量学生列表
显示
系统所有的学生,新增、修改、删除、
禁用
管理员列表
显示
系统所有的管理员,新增、修改、删除、
禁用
学科列表学科查询、修改、删除学科创编创建学科试卷列表试卷查询、修改、删除试卷创编创建的试卷为时段试卷、固定试卷、任务试卷题目列表题目查询、修改、删除题目创建题目支持单选题、多选题、判断题、填空题、简答题,题干支持文本、图片、表格、数学公式任务列表任务查询、修改、删除消息列表
显示
已发送的消息,消息已读人数等信息消息发送发送消息给多个用户用户日志
显示
所有用户日志个人资料
显示
管理员用户名、真实姓名时间线
显示
管理员创建时间修改资料修改姓名、手机号项目架构项目展示
移动端
Web
页面
问题解决方案
1、安卓浏览器看背景图片,有些设备会模糊。 用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢? 经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来
显示
网页,这样字会非常小,所以苹果当初就把iPhone 4的960640分辨率,在网页里只
显示
了480320,这样devicePixelRatio=2。现在android比较乱,有1.5的,有...
常见的移动端H5
页面
开发遇到的坑和解决办法
转过来,平时看看。虽然还有很多问题至今无解。比如:华为麒麟950的P8和meta打开我们的应用首页经常偶发白屏。!! 1、安卓浏览器看背景图片,有些设备会模糊。 用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢? 经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来
显示
网页,这样字会非常小,所以苹果当初就把iP
Web
APP 开发tips for
iPad
一、应用启动画面设置:
页面
头部加入 重点在下面: 两张图片必须符合宽高标准才能正常
显示
: startup_portrait.png 768x1004 startup_landscape.png 748x1024 1、要注意
横屏
用图必须竖过来,也就是宽748高1024才能
显示
,怕说不清楚做了个示意图; 2、在safari里选“添加到主屏幕”时要保证设备是竖放,才能在完成后成功
基于Viewport的移动端
web
屏幕基本适配方案详解
欢迎访问个人博客网站: http://www.zhuxin.club 1. 前言 随着手机,平板等移动设备的普及,现如今的绝大多数
web
应用会对桌面端和移动端进行网页适配的兼容处理。由于移动端和桌面端设备的型号和分辨率种类比较繁杂,如果专门为这些不同设备和终端分别建立网站显然成本太高,很不现实,并且它们之间的界限也很模糊。所以创建可以适配多种设备的
web
应用是如今
web
开发的基本需求。 在我们具体分析主流的适配方案之前,先让我们了解一下以下这些主要概念: 2. 各种“像素” 2.1 物理像素 物理像素(又称
Framework
4,251
社区成员
4,523
社区内容
发帖
与我相关
我的任务
Framework
国内外优秀PHP框架讨论学习
复制链接
扫一扫
分享
社区描述
国内外优秀PHP框架讨论学习
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章