@media
给我带来了一些问题...我似乎无法弄清楚如何让它工作。如果高度/宽度与查询匹配,我想显示滚动条。
这是我尝试过的:
.content {
width: 600px;
height: 600px;
background: red;
}
@media all and (max-width: 500px) {
body{
overflow-x: visible;
}
}
@media all and (max-height: 500px) {
body{
overflow-y: visible;
}
}
body {
overflow: hidden;
}
和 fiddle :http://jsfiddle.net/Ln4tg3ct/
最佳答案
要么将您的@media 规则放在顺序的最后,要么使它们更具体。例如。要么这样:
body {
overflow: hidden;
}
@media all and (max-width: 500px) {
body{
overflow-x: visible;
}
}
@media all and (max-height: 500px) {
body{
overflow-y: visible;
}
}
或者这个
@media all and (max-width: 500px) {
html body{
overflow-x: visible;
}
}
@media all and (max-height: 500px) {
html body{
overflow-y: visible;
}
}
body {
overflow: hidden;
}
关于html - CSS 媒体查询不显示/隐藏滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25275102/