请问手机端的背景与固定二维码的响应式应该怎么写

发布于 2022-09-01 12:03:15 字数 220 浏览 18 评论 0

图片描述

类似于这种,二维码是后期程序自动生成,在手机上要全屏,我是将背景放在img标签里,宽度100%,让容器的高度和图片高度一样,然后二维码绝对定位根据背景大小确定宽高和定位,可每次计算都好麻烦,这种应该怎么做。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

眼波传意 2022-09-08 12:03:15

背景设置为100%显示,你可以根据一个固定值比如640px吧,算出二维码的宽度和margin-top,最后换算成相应的百分比、图片居中就ok了

你的往事 2022-09-08 12:03:15

可以使用背景的background-cover来设置背景,至于二维码的居中不知道是一定的位置左右居中还是整个屏幕的居中,如果是某个高度的左右居中的话,可以用绝对定位,设置下bottom的值,然后左右的话设置下left:50%;加上margin-left:宽度/2px;就能实现左右居中。
如果是整个屏幕的居中的话,左右还是按照上面的方法,上下居中也可以按照左右居中的方法来实现。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文