脚本宝典收集整理的这篇文章主要介绍了使用@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

脚本宝典总结

以上是脚本宝典为你收集整理的使用@media (max-width:640px)和@media (min-width: 640px)写适应性网页全部内容，希望文章能够帮你解决使用@media (max-width:640px)和@media (min-width: 640px)写适应性网页所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。