简述
现在都要求“一站通用”,即一个网站能在各种设备上正常显示,css 3就有这么一个方法让我们实现响应式布局——@media。下面说一种materialize.css框架响应式布局的分发,和一些注意事项。
划分设备
materialize.css将设备分为三类:手机、平板、电脑,通过两个值600px、992px作为分界线。
设置时就可以通过下面代码
@media only screen and (max-width: 992px) {
/* 当设备宽度小于等于992px时 */
.ct {
background-color: #000