如何在大屏幕上不显示网站内容

Question

我不想在大于1600像素的屏幕尺寸上显示网站内容。对于较大的屏幕尺寸，我想仅显示一些显示某些消息的图像。我怎么能这样做？

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代表你的形象。根据视口的大小应用显示属性。