css 03)MEDIAQUERIES模板

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 03)MEDIAQUERIES模板相关的知识,希望对你有一定的参考价值。

/*Note:-  .cont {max-width: 100%;}   */

/*================================================================Mobile Small==================================================*/

@media only screen and (max-width:320px) {
    
    
    
}


/*================================================================Mobile Medium==================================================*/

@media only screen and (min-width:321px) and (max-width:375px) {
    
    
    
}


/*================================================================Mobile Large==================================================*/

@media only screen and (min-width:376px) and (max-width:425px) {
    
    
    
}


/*================================================================Tablet==================================================*/

@media only screen and (min-width:426px) and (max-width:768px) {
    
    
    
}


/*================================================================Laptop==================================================*/

@media only screen and (min-width:769px) and (max-width:1024px) {
    
    
    
}


/*================================================================Desktop==================================================*/

@media only screen and (min-width:1025px) {
    
    
    
}

以上是关于css 03)MEDIAQUERIES模板的主要内容,如果未能解决你的问题,请参考以下文章

css mediaQueries.css

css css3mediaqueries

css css3mediaqueries

css Bootstrap3-MediaQueries.css

css3-mediaqueries.js VS respond.js

css Bootstrap 4 Mediaqueries