响应式布局

媒体查询

媒体查询可以使用@media在css样式当中进行断点 , 让指定的css样式按照要求进行生效

@media (max-width:768px) {
  .box {
    color : red;
  }
}

上面写在媒体查询当中的css代码 , 在页面视窗宽度小于768px时生效

阅读全文