@media only screen and (min-width:800px) {} @media only screen and (max-width:799px) {
小编 2026-07-14 阅读:1081 评论:0@media only screen and (min-width:800px) {
*{
margin:0;
padding:0;
}
a {
text-decoration: None;
}
li {
list-style: none;
}
.wrapper {
width: 100%;
height: 100%;
max-height:600px;
}
.header {
position: relative;
width: 100%;
height: 40px;
color:white;
background-color:#0072C6;
line-height: 40px;
}
.navRight{
position: absolute;
width:500px;
height: 40px;
right:100px;
}
.navA{
padding-right:20px;
}
a{
color:white;
text-align: center;
}
.main{
width:100%;
height:300px;
margin-top:170px;
}
.logoDiv{
width:100%;
height:100px;
margin:0 auto;
text-align: center;
font-size: 37px;
color:red;
font-weight: bold;
}
.formDiv{
width:100%;
height:100px;
margin:0 auto;
text-align: center;
}
.keywordsInput{
width:540px;
height:31px;
}
.keywordsSubmit{
width:100px;
height:37px;
color:#fff;
background-color:#3385ff;
border-bottom:1px solid #2d78f4;
}
.footer{
height: 50px;
position:absolute;
bottom:47px;
width:100%;
text-align: center;
margin:0 auto;
}
}
@media only screen and (max-width:799px) {
*{
margin:0;
padding:0;
}
a {
text-decoration: none;
}
li {
list-style: none;
}
.wrapper {
width: 100;
height: 100%;
}
.header {
position: relative;
width: 100%;
height: 40px;
color:white;
background-color:#0072C6;
line-height: 40px;
}
.navRight{
position: absolute;
width:100%;
height: 40px;
right:10%;
}
.navA{
padding-right:20px;
}
a{
color:white;
text-align: center;
}
.main{
width:100%;
height:300px;
margin-top:170px;
}
.logoDiv{
width:100%;
height:100px;
margin:0 auto;
text-align: center;
font-size: 37px;
color:red;
font-weight: bold;
}
.formDiv{
width:100%;
height:100px;
margin:0 auto;
text-align: center;
}
.keywordsInput{
width:80%;
height:31px;
}
.keywordsSubmit{
width:15%;
height:37px;
color:#fff;
background-color:#3385ff;
border-bottom:1px solid #2d78f4;
}
.footer{
height: 50px;
position:fixed;
bottom:47px;
width:100%;
text-align: center;
margin:0 auto;
}
}
版权声明
本文仅代表作者观点，不代表百度立场。
本文系作者授权百度百家发表，未经许可，不得转载。
