/*媒体查询,根据宽度改变根元素的大小*/
@media screen and (min-width:1200px){
html{
font-size: 22px;!important;
}
}
@media screen and (min-width: 960px) and (max-width: 1199px){
html{
font-size: 20px;!important;
}
}
@media screen and (min-width: 768px) and (max-width: 959px){
html{
font-size: 16px;!important;
}
}
@media screen and (min-width: 480px) and (max-width: 767px){
html{
font-size: 14px;!important;
}
}
@media screen and (max-width: 479px) {
html{
font-size: 10px;!important;
}
.mail > p{
text-align: center;!important;
font-size:7pt;!important;
}
.top > div:nth-of-type(1)>p{
font-size:12pt;!important;
}
.top > div:nth-of-type(1){
width: 64%;
height: 30px;
}
.top >div:nth-of-type(2) > select {
margin-top:-15px;
width: 33%;!important;
height: 30px;!important;
}
.downBottom div button {
font-size:10pt;!important;
}
.downBottom div button a{
font-size:10pt;!important;
}
}
根据479以下的尺寸,可分别对元素进行单独设定
@media 媒体查询 479尺寸下一般手机的设置
最新推荐文章于 2022-08-16 19:12:32 发布