如何在大屏幕上不顯示網站內容

Question

我不希望在大於1600px的屏幕尺寸上顯示網站內容。對於更大的屏幕尺寸，我想只顯示一些圖像顯示一些消息。我怎樣才能做到這一點？

Answer 1

首先認真問自己爲什麼，我敢肯定有一個在你的使用情況良好的原因，但可以肯定的，那麼：

使用media queries和顯示值：

@media (max-width: 1600px) { 
    /* site styles in here */ 
    .big-image { 
     display: none; 
    } 
} 

@media (min-width: 1601px) { 
    .page-container { 
     display: none; 
    } 
    .big-image { 
     display: block; 
     /* more image styles here */ 
    } 
} 

這裏.page-container擁有一切你想隱藏它。 .big-image適合您的圖片。顯示屬性取決於視口的大小。