手机横屏小游戏，如何让一个div横屏并铺满屏幕

凉风有信也不行

于 2017-08-15 15:42:28 发布

阅读量2k

点赞数 1

分类专栏： html 文章标签： html 横屏游戏 div旋转90铺满屏幕

本文链接：https://blog.csdn.net/qq_34606189/article/details/77193812

版权

本文介绍了如何使用HTML和CSS实现一个div在手机横屏时旋转90度并铺满屏幕，适用于创建横屏小游戏。通过设置div的样式属性，包括position、transform和transform-origin，结合jQuery动态调整高度和宽度，可以实现横屏全屏效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

  如何让一个div横屏并铺满屏幕 
 
 适合于各种手机横屏小游戏及其他需要。 
 
 <!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> 