如何修改窗口大小的HTML外觀？

Question

很簡單，我想顯示一個HTML表格，當窗口大於900px，左右。我會怎麼做？

Answer 1

您正在尋找CSS media queries。

您可以使用媒體查詢來隱藏較小視口上的元素。

Answer 2

兩個選項，媒體查詢或JavaScript。

媒體查詢：

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

把你的特定代碼，以顯示其在該文件中。

的Javascript：

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

在JS的情況下，您可能需要附加一個事件監聽器窗口大小調整。