如何在窗口调整大小时修改HTML的外观？

Question

非常简单地说，当窗口大于900px时，我想显示一个html表。我该怎么办？

Answer 1

您正在寻找CSS media queries。

您可以使用媒体查询隐藏较小视口上的元素。

Answer 2

两个选项，媒体查询或javascript。

媒体查询：

@media screen and (max-device-width: 900px) { ... }

将您的特定代码显示在该文件中。

使用Javascript：

if(document.width >= 900){ /*display content*/ }

在JS案例中，您可能需要为窗口调整大小附加事件侦听器。