我正在尝试使用display: none
这样一个元素将显示在较小的分辨率(或移动设备)上,但不会出现在较大的屏幕尺寸的主 css 上。
我认为它没有显示可能是合乎逻辑的,但我无法找到解决这个问题的方法。
footer {
display: none;
}
@media handheld and (max-width:480px),
screen and (max-device-width: 480px),
screen and (max-width: 600px)
{
footer {
background-color: #colour;
position:fixed;
bottom: 0;
left: 0;
right: 0;
}
}