如果我正在使用background-size:contain;
,如何在瀏覽器大小更改時消除空格?background-size:在更改瀏覽器大小時包含太多空格
使用較小的瀏覽器尺寸時,圖像和文本之間的空白太多了。網站是:http://16debut.com/test.html
CSS是:
body {
margin:0px 0px;
}
#hero {
background-clip: content-box;
background-image: url("imgtop.png");
background-size: contain;
background-repeat: no-repeat;
position: relative;
height: 235vh;
}
#content {
padding: 100px 50px;
text-align: center;
width: 80%;
margin: 0px auto;
}
#content h2 {
margin: 0px 0px 30px 0px;
}
#footer {
padding: 30px 0px;
text-align: center;
background: #ddd;
}
我認爲封面是響應式的,但有沒有辦法仍然沒有截止雲?因爲這個原因,我嘗試了包含,但封面確實解決了空白問題。除了封面還是包含以外,是否還有別的作品? – AmyCarter
還是有什麼我可以做的含有停止空白問題,像封面如何阻止它發生? – AmyCarter