vue/css中,如何在这张背景图下做自适应?

作者站长头像
站长
· 阅读数 5

如上所示,小弟先谢谢各位大神们的解答!感激不尽!

回复
1个回答
avatar
test
2024-07-08

让最外部容器旋转就好,然后背景铺满的话可以使用 background-size:cover 或者 background-size:100% 100% 👉 background-size - CSS | MDN但其实最好是在手机屏幕竖屏时提醒用户把屏幕横过来,而不是手动去修改屏幕为横屏。

因为会有一些坑,比如说你横屏了之后会继续旋转,播放视频时左右拖动不能快进快退,所以一般都是搭配JS来做处理。

相关阅读

JELLY | H5游戏开发:横屏适配【原】js检测移动端横竖屏 - 咸鱼老弟 - 博客园怎么让网页在手机上直接就是横屏显示的?

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容