jianavi/css/yidong.css

109 lines
1.8 KiB
CSS
Raw Normal View History

2020-04-05 16:42:24 +08:00
@media screen and (max-width:768px) {
*{
margin:0;padding: 0;
}
html,body{
height: 100%;
width: 100%;
}
/*内容样式使用flex布局*/
.content{
width: 15rem;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
/*height: 46rem;*/
position: absolute;
top:26%;
}
/*搜索框总体样式*/
.baidu{
position: relative;
width: 14rem;
height: 2.6rem;
left: 50%;
transform: translateX(-50%);
}
.baidu-2{
height: 2.6rem;
}
/*取消多级搜索,只保留百度*/
#Select-2{
position: absolute;
left: 0;
}
.Select-box-2{
display: none;
float: none;
}
.Select-box-2 li{
background-color: yellow;
display: none;
float: none;
}
/*输入框样式*/
#kw-2{
width: 10rem;
height: 1.2rem;
border:0;
position: absolute;
padding-left: 10px;
}
/*搜索框样式*/
#su-2 {
width: 3rem;
text-align: center;
line-height: 0rem;
position: absolute;
background-color: blue;
border-color: blue;
right: 1rem;
border-radius: 0;
height: 1.2rem;
}
#su-2:hover{
background-color: blue;
}
#su-2:avtive{
background-color: blue;
box-shadow: none;
}
/*content下的所有div宽度*/
.content div{
width: 100%;
}
/*每个选择框的宽度*/
.content li{
width: 4.69rem;
}
/*放弃content外的footer*/
.footer{
display: none;
}
/*移动端使用的footer*/
.footer1{
display: block;
text-align: center;
position: relative;
padding-top: 10px;
bottom: 0;
color:white;
}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
textarea { -webkit-appearance: none;}
}