媒体查询@media query

Posted 伊痕殿

tags:

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

@media query 媒体查询

@media (min-width:768px)小屏 (>=)

@media (min-width:992px)中屏

@media (min-width:1200px)大屏

(默认超小屏 小于768px)

@media (max-width:1199px) 大屏(<=)

@media (max-width:991px)中屏

@media (max-width:767px)小屏

 

box-sizing:border-box 可以设置带边框的盒子模型,设置的div的高宽就是盒子的总高宽,box-sizing的属性会根据边框border、边距padding自动调整内容区的范围。

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

Media Queries Module媒体查询

媒体查询media query

响应式设计的思考:媒体查询(media query)

CSS3及JS媒体查询教程

CSS高级篇——媒体查询 (Media Queries)

CSS高级篇——媒体查询 (Media Queries)