<script type="text/javascript">
(function() {
var docEl = document.documentElement;
function setRemUnit() {
// 获取到rem的基准值
var rem = docEl.clientWidth / 10;
// 动态设置html根元素的font-size
docEl.style.fontSize = rem + 'px';
}
setRemUnit();
// 窗口大小变化时 触发
window.addEventListener('resize', setRemUnit);
// 窗口出现在当前屏幕时 （有浏览器兼容性）
window.addEventListener('pageshow', function(e) {
if (e.persisted) {
setRemUnit();
}
});
})();
</script>
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="header.css">
</head>
<body>
<!-- 头部开始 -->
<div class="header">
<div class="seach-bar">
<div class="bar-location">
<div class="location-icon"></div>
<div class="location-text">郑州市</div>
</div>
</div>
<div class="seach-btn">
<p class="place-holder">鸡翅</p>
</div>
</div>
<img src="https://app.nihaoshijie.com.cn/upload/bannertemp.e8a6fa63.jpg" alt="" class="header-img">
<!-- 头部结束 -->
</body>
.header {
position: relative;
}
.header .header-img {
width: 100%;
height: 4.746667rem;
}
2020-03-04 17:00:29
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星