(function(doc, win) {
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', //orientationchange屏幕是否旋转
recalc = function() {
var whdef = 12 / 750; // 表示750的设计图,使用12PX的默认值
var wH = window.innerHeight; // 当前窗口的高度
var wW = window.innerWidth; // 当前窗口的宽度
var rem = wW * whdef; // 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值
$('html').css('font-size', rem + "px");
};
recalc();
if (!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false); //监听事件窗口变化的事件
doc.addEventListener('DOMContentLoaded', recalc, false); //初始化完成
})(document, window)
.share {
position: fixed;
width: 100%;
height: 10.67rem;
background-color: rgba(0, 0, 0, 0.6);
display: flex;
align-items: center;
justify-content: space-around;
bottom: 0;
left: 0;
}
.share>img {
width: 7.9rem;
height: 7.9rem;
margin-left: 3rem;
}
.share_text {
/* margin-left: 1rem; */
font-family: '黑体';
}
.share_name {
font-size: 2.5rem;
color: #fff;
letter-spacing: 0.05rem;
margin-top: 0.1rem;
font-family: '黑体';
line-height: 4rem;
}
.share_sologan {
font-size: 2rem;
color: #fff;
line-height: 4rem;
letter-spacing: 0.05rem;
font-family: '黑体';
}
.load_btn {
display: inline-block;
text-decoration: none;
width: 16rem;
height: 6.67rem;
line-height: 6.67rem;
text-align: center;
font-size: 2.5rem;
color: #fff;
background-color: #a15ff7;
border-radius: 1.67rem;
letter-spacing: 0.08rem;
/* margin-left: 2rem; */
}
html