css Bootstrap3媒体查询

Posted 2021-05-13

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css Bootstrap3媒体查询相关的知识，希望对你有一定的参考价值。

/* Desktop */
@media (min-width: 1601px) { }

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

/* Tablet Horizontal */
@media (min-width: 992px) and (max-width: 1199px) { }

/* Tablet Vertical */
@media (min-width: 768px) and (max-width: 991px) { }

/* Tablet mini */
@media (max-width: 767px) { }

/* iPhone 6+ horizontal */
@media (max-width: 736px) { }

/* iPhone 6 horizontal */
@media (max-width: 667px) { }

/* iPhone 5 horizontal */
@media (max-width: 568px) { }

/* Mobile horizontal */
@media (max-width: 480px) { }

/* Mobile vertical */
@media (max-width: 320px) { }

/* Print */
@media print { }

以上是关于css Bootstrap3媒体查询的主要内容，如果未能解决你的问题，请参考以下文章

基于媒体查询应用 CSS 类 [关闭]

Bootstrap 3 仅在移动视图上应用 CSS