使用@media (max-width:640px)和@media (min-width: 640px)写适应性网页

1、使用@media (max-width:640px)时,要从大到小的顺序排放,例如:

@media (max-width: 640px) {
    .newslist_text h5{
        font-size: 22px;
    }
}
@media (max-width: 510px) {
    .newslist_text h5{
        font-size: 16px;
    }
}

2、使用@media(min-width:640px)时。要从小到大的顺序排放,例如:

@media (min-width: 510px) {
    .newslist_text h5{
        font-size: 16px;
    }
}
@media (min-width: 640px) {
    .newslist_text h5{
        font-size: 22px;
    }
}

原文地址:
https://www.cnblogs.com/NotPig/p/12807947.html

上一篇:未在本地计算机上注册“Microsoft.ACE.OLEDB.12.0”提供程序


下一篇:kubernetes常见错误问题及解决办法