Question

我找不到答案，我真的很困惑。

我老老实实地花了2个小时++进行这项研究，试验并打破了这个问题，我很难过......我到底做错了什么......

我有一个html页面，“index.html”链接到名为“styles.css”的css表。

到目前为止，我合并的每个样式元素都很好，所以我知道工作表是正确链接的。

在我的html页面的body标签中，我有

<div id="bgimg"> <img src="img/EXAMPLE.jpg"> </div>

在我的样式表中我有

#bgimg { width: 100%; }.

这不起作用。

我尝试更改显示类型，我尝试将其更改为最大宽度和各种其他奇怪和美妙的东西。

我真的不是一个网站建设者（如果你还不知道!!）但是我甚至还有另一个单独的网站，它可以完美地根据屏幕大小调整图像大小。

我的图像尺寸没有任何变化。

请有人帮助我或杀了我。不管怎样，我已经完成了。我的脑袋爆炸了，我就不能再......了。

干杯。

Answer 1

你试过吗？

#bgimg img { width: 100%; }

#bgimg已经是宽度100％（它是一个div），但它上面的img是一个自动调整大小的元素。

Answer 2

我想你要找的是：

#bgimg > img { width: 100%; }.

（图像在容器内，作为直接子元素）

Answer 3

你可以直接在img标签上应用css，如下所示：

<TechnicalProfile Id="LocalAccountSignUpWithLogonNameWithIDs">
    <DisplayName>User ID signup with associate and org id</DisplayName>
    <Protocol Name="Proprietary" Handler="Web.TPEngine.Providers.SelfAssertedAttributeProvider, Web.TPEngine, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null" />
    <Metadata>
        <Item Key="IpAddressClaimReferenceId">IpAddress</Item>
        <Item Key="ContentDefinitionReferenceId">api.localaccountsignup</Item>
        <Item Key="LocalAccountType">Username</Item>
        <Item Key="LocalAccountProfile">true</Item>
        <Item Key="language.button_continue">Create</Item>
    </Metadata>
    <CryptographicKeys>
        <Key Id="issuer_secret" StorageReferenceId="B2C_1A_TokenSigningKeyContainer" />
    </CryptographicKeys>
    <InputClaims>
        <InputClaim ClaimTypeReferenceId="signInName" />
        <InputClaim ClaimTypeReferenceId="extension_my_claim" /> 
    </InputClaims>
    <OutputClaims>
        <OutputClaim ClaimTypeReferenceId="objectId" Required="true" />
        <OutputClaim ClaimTypeReferenceId="signInName" Required="true" />
        <OutputClaim ClaimTypeReferenceId="newPassword" Required="true" />
        <OutputClaim ClaimTypeReferenceId="reenterPassword" Required="true" />
        <OutputClaim ClaimTypeReferenceId="email" Required="true" />
        <OutputClaim ClaimTypeReferenceId="extension_my_claim" Required="true"/>
        <OutputClaim ClaimTypeReferenceId="executed-SelfAsserted-Input" DefaultValue="true" />
        <OutputClaim ClaimTypeReferenceId="newUser" />
        <OutputClaim ClaimTypeReferenceId="authenticationSource" />
        <OutputClaim ClaimTypeReferenceId="userPrincipalName" />
    </OutputClaims>
    <ValidationTechnicalProfiles>
        <ValidationTechnicalProfile ReferenceId="AAD-UserWriteUsingLogonName" />
    </ValidationTechnicalProfiles>
    <UseTechnicalProfileForSessionManagement ReferenceId="SM-AAD" />
</TechnicalProfile>

或者像这样：

img { width: 100%; }

css宽度，最大宽度，高度不起作用

3 个答案: