css 媒体查询反应灵敏。 Primer archivo Principio自下而上（De movil a escritorio），Segundo archivo principio top-bott

Posted 2021-05-13

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css 媒体查询反应灵敏。 Primer archivo Principio自下而上（De movil a escritorio），Segundo archivo principio top-bott相关的知识，希望对你有一定的参考价值。

/* ESTILOS NORMALES (para escritorios muy grandes)
   ========================================================================= /
 
body { ... }
p    { ... }
 
/ RESPONSIVE
   ========================================================================= /
 
/ Tablets en horizonal y escritorios normales
   ------------------------------------------------------------------------- /
@media (min-width: 768px) and (max-width: 1199px) { ... }
 
/ Móviles en horizontal o tablets en vertical
   ------------------------------------------------------------------------- /
@media (max-width: 767px) { ... }
 
/ Móviles en vertical
   ------------------------------------------------------------------------- */
@media (max-width: 480px) { ... }

/* ESTILOS NORMALES (para móviles en vertical)
   ========================================================================= /
 
body { ... }
p    { ... }
 
/ RESPONSIVE
   ========================================================================= /
 
/ Móviles en horizontal o tablets en vertical
   ------------------------------------------------------------------------- /
@media (min-width: 768px) { }
 
/ Tablets en horizonal y escritorios normales
   ------------------------------------------------------------------------- /
@media (min-width: 1024px) { }
 
/ Escritorios muy anchos
   ------------------------------------------------------------------------- */
@media (min-width: 1200px) { }

以上是关于css 媒体查询反应灵敏。 Primer archivo Principio自下而上（De movil a escritorio），Segundo archivo principio top-bott的主要内容，如果未能解决你的问题，请参考以下文章

Css 媒体查询，目标网页浏览器宽度小于 1024px 和 iPad 纵向