html5自动横屏的方法
2024-10-22 09:42:39
html5自动横屏的方法
<pre>
var evt = "onorientationchange" in window ? "orientationchange" : "resize";
window.addEventListener(evt, function() {
console.log(evt);
var width = document.documentElement.clientWidth;
var height = document.documentElement.clientHeight;
$print = $('#print');
if( width > height ){
$print.width(width);
$print.height(height);
$print.css('top', 0 );
$print.css('left', 0 );
$print.css('transform' , 'none');
$print.css('transform-origin' , '50% 50%');
}
else{
$print.width(height);
$print.height(width);
$print.css('top', (height-width)/2 );
$print.css('left', 0-(height-width)/2 );
$print.css('transform' , 'rotate(90deg)');
$print.css('transform-origin' , '50% 50%');
}
</pre>
最新文章
- React初识(按钮点击+输入绑定)
- ios中自定义cell 设置cell的分组结构
- Android SQLiteOpenHelper类的使用
- 剑指Offer:面试题32——从1到n整数中1出现的次数(java实现)
- hdu4915 Parenthese sequence 贪心O(n)解法(new)
- linux查看访问windows共享目录NT_STATUS_DUPLICATE_NAME问题解决
- Projective Texture的原理与实现
- 关于查看Android系统源码【Written By KillerLegend】
- IOS web app一些实用的属性设置
- Thread源码剖析
- centOS7固定IP
- IntelliJ IDEA 创建 Maven简单项目
- LeetCode算法题-Find Mode in Binary Search Tree(Java实现)
- php 把数组保存为标准的数组格式,存储到文件中
- 解决idea spring boot项目中target中没有同步更新最新目录文件及资源
- 条件式变分自编码机(Conditional Variational Autoencoders)
- monit安装配置
- ES代替DB建模后的维护流程架构
- jq 折面板+tab切换(自己封装的插件哦!!)
- libgdx学习记录13——矩形CD进度条绘制