文章 专题 AI工具 学习 下载 问答 源码 最近更新
PHP
会员中心 讲师中心 微信公众号
javascript - 用H5技术实现类似微信支付宝收付款条码点击全屏并自动切换到横屏模式？
扔个三星炸死你
扔个三星炸死你 2017-06-14 10:50:51
[JavaScript讨论组]
0 3 1748
举报

如题。我使用H5+开发了一个APP，点击二维码放大已实现，如何比较好的实现条码点击放大并横屏
效果类似于支付宝，微信的收付款界面

图三的效果。我并没有做好。跪求各位大神提供优雅的实现方式。

扔个三星炸死你
扔个三星炸死你

全部回复(3)
女神的闺蜜爱上我
女神的闺蜜爱上我2017-06-14 10:52:51 3楼

我觉得可以用css3中的transform中的2D变换rotate(角度)属性做吧！点击的时候让它旋转一下

赞 +0
添加回复
某草草
某草草2017-06-14 10:52:51 2楼

思路：检测横竖屏 => tansform rotate & 改变font-size
提供一篇比较详细的横竖屏实践，移动端强制横屏和强制竖屏解决方案

赞 +0
添加回复
仅有的幸福
仅有的幸福2017-06-14 10:52:51 1楼

试一下搜一搜这个onorientationchange，可能存在兼容问题，代码实现一句两句也说不清，也可能不是你要的效果；

赞 +0
添加回复
专题推荐
更多>
热门话题
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部