响应式区间

 

@media (max-width: 374px){}

@media (max-width: 767px) { }

@media (min-width: 768px) and (max-width: 991px) { }

@media (min-width: 992px) and (max-width: 1199px) { }

@media (min-width:1200px) { }

 

 

 

@media (max-width: 374px){}

@media (max-width: 767px) {}

@media (min-width: 500px) and (max-width: 767px){}

@media (min-width: 768px) and (max-width: 991px) {}

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width:1200px) and (max-width: 1366px)  {}

@media (min-width:1367px) and (max-width: 1480px)  {}

@media (min-width:1481px) and (max-width: 1919px)  {}

@media (min-width:1920px){}