Question

我需要你的帮助才能使这个徽标响应。谢谢！以下是该问题直观表示的链接：https://gyazo.com/7f4b031ab954b4231b079fdbca292628 gyazo是gif捕获程序。

#header{
    width:100%;
    height:70px;
    background-color:#d495a8;
}
.showcasemedia{
    width:60px;
    transition:0.25s all ease;
}
.showcasemedia:hover{
       -webkit-transform: scale(1.05);
        cursor:pointer;
}
#header li{
    float:left;
    margin-top:4.5px;
    margin-left:20px;
}
.logoheader{
    transition: 0.5s all;
    margin-left: 38%;
}
.logoheader:hover{
    -webkit-transform: scale(0.95);
    cursor:pointer;
}
#header p{
    float:right;
    font-family: 'Tajawal', sans-serif;
    color:white;
    font-size:37px;
    margin-right:20px;
    margin-top:15px;
    transition:0.5s all;
    font-weight:bold;
}

#navbar{
    width:100%;
    height:30px;
    background-color:#ae657b;
}
#navbar li{
    float:left;
    margin-left:20px;
    margin-top:5px;
    color:white;
}

#navbar ul{
    margin-left:39.75%;
}



  <!DOCTYPE html>
    <html>
    <head>
        <link rel="stylesheet" type="text/css" href="reset.css">
        <link rel="stylesheet" type="text/css" href="style.css">
        <link href="https://fonts.googleapis.com/css?family=Tajawal" rel="stylesheet">
    </head>
        <title>Petnation index</title>
    <body>

    <div id="header"><!--Deschid div principal-->
            <ul><!--Deschid ul social media-->
                <li><img src="poze/facebook.png" class="showcasemedia"></li>
                <li><img src="poze/instagram.png" class="showcasemedia"></li>
            </ul><!--Inchis ul social media-->
            <img src="poze/logoscris.png" class="logoheader">
            <p>Paws make the laws!</p>
    </div><!--Inchis div principal-->

    <div id="navbar"><!--Deschid div principal-->
        <ul><!--Deschid ul navbar-->
            <li>Download</li>
            <li>Features</li>
            <li>Shop</li>
            <li>Blog</li>
            <li>Contact</li>
        </ul><!--Inchis ul navbar-->
    </div><!--Inchis div principal-->

    </body>
    </html>

ps：我已经编辑了这篇文章以获得一些赞成（我因为没有理由而受到限制，我试图摆脱＆＃34;禁令＆＃34;）谢谢你，希望你明白。问题仍然存在。

Answer 1

请更新以下代码：

<div id="header"><!--Deschid div principal-->
    <ul style="float:left"><!--Deschid ul social media-->
        <li><img src="poze/facebook.png" class="showcasemedia"></li>
        <li><img src="poze/instagram.png" class="showcasemedia"></li>
    </ul><!--Inchis ul social media-->
    <img src="poze/logoscris.png" class="logoheader">
    <div style="float:right;">
        <p>Paws make the laws!</p>
    </div>

还在CSS中更新以下内容：

    #header{
        width:100%;
        height:70px;
        text-align:center; //added this line
        background-color:#d495a8;
    }

希望这就是你想要的。

如何使图像响应？

1 个答案: