网站:ifnrussiacisforum.ru
PC上的宽度为100%,但移动设备上有一些空白,请注意以下几点:
代码是:
HTML:
<div class="footer">
<div class="container">
<img src="images/logo-img.jpg" alt="beeboss" />
</div>
</div>
CSS:
.footer {
height: 60px;
width: 100%;
background: #000;
}
.footer .container {
width: 1003px;
margin: 0 auto;
}
.footer .container img {
margin:19px 0px 0px 20px;
}
最佳答案
使用此CSS代码
CSS:
.footer .container {
width: 100%;
margin: 0 auto;
}
.footer .container img {
margin:19px 0px 0px 20px;
}
关于html - 页脚在移动设备上无法正确显示,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/36820692/