如何不在大屏幕上显示网站内容[关闭]

【问题标题】：How to not display website content on larger screen [closed]如何不在大屏幕上显示网站内容[关闭]
【发布时间】：2015-08-27 20:22:59
【问题描述】：

我不想在大于 1600 像素的屏幕上显示网站内容。对于更大的屏幕尺寸，我只想显示一些显示一些消息的图像。我该怎么做？

【问题讨论】：

PHP 和 HTML 对屏幕大小一无所知。您应该寻找 CSS 或 JavaScript。
你打算如何获取客户端的屏幕尺寸？这不是 HTTP 请求的一部分。
你应该研究媒体查询。
我的屏幕是 1920 1080 为什么要“阻止”我访问该网站？该网站专为 X x Y 设计，非常适合 90 年代，一个设计合理的现代网站可以处理任何规模

标签： php html css

【解决方案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 是为了你的形象。显示属性的应用取决于视口的大小。

【讨论】：