我是否有办法让width
navigation bar
与图片width
相同497 x 298px
。问题是我正在处理原始尺寸为margins
的图片,但要使图片在页面的整个宽度上展开,同时10px
width: 98.4%
为ul
我必须设置width 100%
。
此外,出于某些原因,当我将ul {
display: block;
max-width: 100%;
list-style-type: none;
margin: 10px 10px 0 10px;
padding-left: 32%;
padding-right: 25%;
text-align: center;
overflow: hidden;
background-color: #F25f70;
font-family: "Oswald", sans-serif;
border-bottom: 2px solid rgba(0, 0, 0, 0.15)
}
img {
width: 98.4%;
height: 500px;
margin-left: 10px;
margin-right: 10px;
object-fit: cover;
}
设置为NSDocument
时,导航时间太长,只有在我将其设为50%时才适合普通的桌面屏幕。所以目前它们都是相同的长度,但是当我调整页面大小时,它们开始与我所设定的规则之后的ul元素不同步。
readFromData

答案 0 :(得分:0)
您应该将导航包装在<div>
中。给它100%的宽度。然后为background-image
分配<ul>
并将宽度设为98%。包括这些背景属性
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
woohooo一周内搬到卡利!所以我把它作为Cali主题。
注意:我使用的图像与帖子中指定的尺寸相同。