【css】响应式布局 @media媒介 适配平板手机

// 大型设备(大台式电脑,1200px 起)
@media screen and (min-width:1200px) {
  //...
}

// 中型设备(台式电脑,992px 起)
@media screen and (min-width:992px) and (max-width:1200px) { 
  //...
}

// 小型设备(平板电脑,768px 起)
@media screen and (min-width:768px) and (max-width:992px) {
  //...
}

// 超小设备(手机,小于 768px)
@media screen and (max-width:768px) {
  //...
}

 

上一篇:《Zero-Shot Cross-Media Embedding Learning With Dual Adversarial Distribution Network》论文学习


下一篇:前端学习_web移动布局 _rem适配布局