手机横屏小游戏，如何让一个div横屏并铺满屏幕
来源：互联网 发布：体验站程序源码 编辑：程序博客网 时间：2024/06/04 18:57
如何让一个div横屏并铺满屏幕
适合于各种手机横屏小游戏及其他需要。
<!DOCTYPE html>
适合于各种手机横屏小游戏及其他需要。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
<title>test2</title>
<style>
.main{
position:absolute;
top:0;
left:100%;
transform:rotate(90deg);
background-color:red;
transform-origin:0 0 0;
}
</style>
<script src="js/jquery.js"></script>
</head>
<body class="webpBack">
<div class="main">
aaaaaaaaa
</div>
</body>
<script>
$(function() {
$('.main').css('height',$(window).width());
$('.main').css('width',$(window).height());
})
</script>
</html>
效果图片如下：
这样就实现啦，啦啦啦，啦啦啦，啦啦啦啦啦！
效果图片如下：
这样就实现啦，啦啦啦，啦啦啦，啦啦啦啦啦！
阅读全文
1 0
- 手机横屏小游戏，如何让一个div横屏并铺满屏幕
- 要让一个div的高度根据屏幕大小变化，但不是铺满整屏，只占一个固定部分
- 如何让imageView铺满屏幕？
- div+css布局铺满屏幕
- 如何让一张图铺满整个铺满
- 在css中如何让一个图片铺满全屏
- 让video在div中铺满全屏
- 如何让DIV始终保持在屏幕中间
- 手机上如何让页面强制横屏
- 如何让背景图铺满整个页面
- 网站布局：网站开发中如何让图片在不同分辨率都达到铺满屏幕，以及把热点映射好
- 如何实现当一个应用调用另一个应用的某个activity的时候，让这个activity类似dialog的效果，但是这个应用单独运行的时候还是铺满屏幕的效果
- 怎么才能让一张图片铺满整个屏幕
- 给jsp或者html设置背景图片，并拉伸，铺满屏幕
- 一行两个div，一个固定宽度，一个自适应铺满
- 如何让一个div跟随鼠标移动
- 如何让一个div垂直水平居中
- 如何让DIV 垂直居中在屏幕中间
- 查询超大的Excel的数据更新Oracle数据库中的表
- Linux多线程编程
- tensorboard 显示问题
- El表达式详解
- ...mapActions报错
- 手机横屏小游戏，如何让一个div横屏并铺满屏幕
- android5.1 init对rc文件解析执行顺序
- UILable用法
- 安卓关于Volley获取Set-Cookie和session的持久问题
- python--使用r进行不转义处理
- springMVC+mybatis+dubbo实现SOA架构 以及数据查询
- 替代Windows系统方案？国产操作系统已慢慢在崛起
- 不要使用JavaScript内置的parseInt()函数，利用map和reduce操作实现一个string2int()函数：
- 防止用户快速点击方案
