前端 - 请问手机端的背景与固定二维码的响应式应该怎么写
天蓬老师
天蓬老师 2017-04-17 11:32:55
0
2
543

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

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

全部回覆(2)
刘奇

背景設定為100%顯示,你可以根據一個固定值例如640px吧,算出二維碼的寬度和margin-top,最後換算成相應的百分比、圖片居中就ok了

黄舟

可以使用背景的background-cover來設定背景,至於二維碼的居中不知道是一定的位置左右居中還是整個螢幕的居中,如果是某個高度的左右居中的話,可以用絕對定位,設置下bottom的值,然後左右的話設定下left:50%;加上margin-left:宽度/2px;就能實現左右居中。
如果是整個螢幕的居中的話,左右還是按照上面的方法,上下居中也可以按照左右居中的方法來實現。

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板