页眉部分的响应式布局效果我做不出来，请老师给看一下我的代码哪里有问题

<div class="header">
        <div class="logo">
            <img src="图片/logo.png">
        </div>
 
        <div class="menu" onmouseleave="menu_show1()">
            <div class="menu_title" onclick="menu_show()">
                <a href="#">内容分类</a>
            </div>
            <ul id="menu1">
                <li>现实主义</a></li>
                <li>抽象主义</li>
            </ul>
        </div>
 
        <div class="auth">
            <ul>
                <li><a href="#">登陆</a></li>
                <li><a href="#">注册</a></li>
            </ul>
        </div>
    </div>
    <div class="content">
        <div class="banner">
            <img src="图片/welcome.png" class="banner-img">
        </div>
    </div>
    <div class="footer"></div>

/*初始化布局*/
*{
    padding: 0px;
    margin:0px;
}
 
.header{
    margin:25px auto;
    width: 1200px;
}
 
.header .menu ul{
    width: 80px;
    display: none;
    padding: 0px;
    position: absolute;
    background-color: white;
    opacity: 0.5;
}
 
.header .logo{
    float: left;
    position: relative;
}
 
.header .menu{
    float: left;
    position: relative;
    top: 12px;
    left: 16px;
}
 
a{
    text-decoration: none;
}
 
.header .menu .menu_title{
    padding-bottom: 5px;
    border-bottom: 1px solid purple;
    width: 80px;
    text-align: center;
}
 
.header .menu ul li{
    list-style-type: none;
    margin-top: 15px;
    text-align: center;
}
 
.header .auth ul li{
    list-style: none;
    float: right;
    margin-right: 50px;
    margin-top: 13.3px;
 
}
/*.header .menu:hover ul{
    display: block;
}*/s
 
.content{
    margin:25px auto;
    width: 1200px;
}
 
.content .banner .banner-img{
    margin-top: 3px;
}

黑不溜溜球 2019-09-02

源自：前端油画商城案例 3-1 banner区制作

收起

1回答

好帮手慕小班回答被采纳获得+3积分 2019-09-03 10:36:20

同学你好，1、首先复制运行贴出代码中，有一个错误，那就是在li中少写了一个a，例如

2、同学说的响应式的布局效果是

当单击内容分类，而弹出这两个文本内容而出现的内容吗，这里建议同学将js的代码贴出，便于老师根据同学的代码来修改讲解。

如果我的回答解决了你的疑惑，请采纳，祝学习愉快~

收起回答

黑不溜溜球提问者 #1

根据用户页面的大小页面自定调整页面显示和图片宽度

2019-09-03 15:22:42
黑不溜溜球提问者 #2

为什么我的注册登陆不随页面的分辨率变化而变化

2019-09-03 15:35:11
好帮手慕小班回复提问者黑不溜溜球 #3

同学你好，这里如果想实现简单根据页面大小调整页面比例，这里可以将宽度设置为百分比的形式，可以简单实现随页面的大小变化而变化，但是响应式布局是前端中很大的一部分内容，不是简单就可以实现的呐，在以后的开发中会由前端人员来实现的。如果我的回答解决了你的疑惑，请采纳，祝学习愉快~

2019-09-03 19:14:03