前言

今天看到一篇文章 Use Cases For CSS Vertical Media Queries,觉得不错,总结记录一下

做展示页时高屏幕内容不够也显示满屏


SCSS
@media (min-height: 400px) {
.section {
height: 100vh;
}
}

固定头或脚只在屏幕够高的情况下固定

SCSS
@media (min-height: 600px) {
.site-header {
position: fixed;
/* bla bla bla */
}
}

移动端的菜单在横屏(高度较小)时,显示两列

更多详情见 References

References

原文地址:https://uedsky.com/2016-08/vertical-media-queries/
获取最佳阅读体验并参与讨论,请访问原文