35 lines
544 B
SCSS
35 lines
544 B
SCSS
|
@media (max-width: 320px) {
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// // 超小屏幕（手机，小于 768px）
|
|||
|
|
// @media (min-width: 320px) and (max-width: 768px) {
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
// }
|
|||
|
|
|
|||
|
|
// // 小屏幕（平板，大于等于 768px）
|
|||
|
|
// @media (min-width: 768px) and (max-width: 768px) {
|
|||
|
|
|
|||
|
|
// }
|
|||
|
|
|
|||
|
|
// // 中等屏幕（桌面显示器，大于等于 992px）
|
|||
|
|
// @media (min-width: 992px) and (max-width: 992px) {
|
|||
|
|
|
|||
|
|
// }
|
|||
|
|
|
|||
|
|
// // 大屏幕（大桌面显示器，大于等于 1200px）
|
|||
|
|
// @media (min-width: 1200px) {
|
|||
|
|
// }
|