-1

有没有一种方法可以使我的width与我的navigation bar的width相同。问题是我正在处理原始尺寸为497 x 298px的图像，但为了使图像伸展整个页面宽度，同时在两侧仍然有margins的10px，我必须设置width: 98.4%。有没有办法让我的图像等于导航栏的大小？

此外，由于某些原因，当我将ul设置为width 100%时，导航时间太长，如果我将其设置为50％，则导航时间太长，仅适用于正常的桌面屏幕。所以目前它们的长度都是相同的，但是当我调整页面大小时，它们开始与我设置的规则下的ul元素不同步。

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; 
 
}

来源

2016-07-16 Shade

你应该只是包装在一个<div>您的导航。给它100％的宽度。然后指定一个background-image到您的<ul>，并使98％的宽度。包括这些背景属性

-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover;

我创建了一个

DEMO HERE

woohooo移动到卡利在一个星期！所以我以卡利为主题。

注意：我使用的图像与您的文章中指定的尺寸相同。您也可以退房background-size properties at w3schools

来源

2016-07-16 02:29:08 Patrick

有没有办法让我的图像等于导航栏的大小？

回答

DEMO HERE

相关问题