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

Question

很简单的说我要显示一个html表格，当窗口大于900px左右时。我该怎么做？

Answer 1

您正在寻找CSS 媒体查询。

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

Answer 2

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

媒体查询：

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

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

Javascript：

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

在 JS 情况下，您可能需要附加一个事件侦听器来调整窗口大小。