网页高度超过视口高度时的CSS属性

Question

只有在页面超过视口高度时，有什么方法可以应用CSS属性吗？ 我认为@media无法正常工作，因为它仅检查视口尺寸，而不会将其与实际网页进行比较。

Answer 1

使用JavaScript，您可以这样做：

let height = Math.max( body.scrollHeight, body.offsetHeight, 
                   html.clientHeight, html.scrollHeight, html.offsetHeight );
if (height > window.innerHeight) {
    // you can put your styles here
};

Answer 2

那么您是说@media不起作用吗？还是您只是添加了错误的内容，您是否这样做：@media screen and (max-width: 1024px)