为什么在使用媒体查询时隐藏部分 HTML 不起作用
Why hiding part of the HTML when using media-query does not work
尝试练习我创建了一个登录页面模型并尝试在 css 媒体查询中隐藏一个元素。
@media (max-width:800){
.right-pane{
display: none;
}
}
但是调整屏幕大小时不起作用。
感谢您的反馈
尝试将 px
添加到 max-width
参数。
使用您的示例,这应该有效:
@media (max-width:800px){
.right-pane {
display: none;
}
}
将 'max-width: 800' 替换为 'max-width: 800px'。你能试试这个吗
@media only screen and (max-width: 800px) {
.right-pane{
display: none;
}
}
尝试练习我创建了一个登录页面模型并尝试在 css 媒体查询中隐藏一个元素。
@media (max-width:800){
.right-pane{
display: none;
}
}
但是调整屏幕大小时不起作用。 感谢您的反馈
尝试将 px
添加到 max-width
参数。
使用您的示例,这应该有效:
@media (max-width:800px){
.right-pane {
display: none;
}
}
将 'max-width: 800' 替换为 'max-width: 800px'。你能试试这个吗
@media only screen and (max-width: 800px) {
.right-pane{
display: none;
}
}