阻止某些屏幕分辨率查看网站？答案

【问题标题】：Block certain screen resolutions from viewing website?阻止某些屏幕分辨率查看网站？
【发布时间】：2021-04-05 15:40:40
【问题描述】：

是否有可能以某种方式阻止某些计算机通过屏幕分辨率查看网站？

我想这样做的方式是使用var a = window.screen.height 和var b = window.screen.width，然后使用<pre id=res></pre> 和document.getElementById("res").textContent=b+" x "+a;，现在我需要帮助的部分... 我要怎么做才能让if res.textContent=1234 x 1234 then allow, but else redirect...发送帮助！

-gr3uh

【问题讨论】：

"if res.textContent=1234 x 1234" - 听起来您是在询问特定元素的渲染高度和宽度，而不是屏幕。如果元素必须始终是那个大小，为什么不这样设置它的样式呢？我不太清楚您到底要解决什么问题，或者为什么网站不能依靠一些响应式样式来解决它。
“是否有可能以某种方式阻止某些计算机通过屏幕分辨率查看网站？” - 答案是“否” - 最终用户可以操纵您认为的内容“屏幕分辨率”。
是的，该元素中的 TEXT 必须等于它。
@html_java：如果该元素必须始终至少具有该宽度和高度，那么您可以在 CSS 中使用 min-width 和 min-height 属性进行设置。总的来说，熟悉 CSS 的响应式设计是一个好主意。即使只是几个 CSS 媒体查询也可以为不同屏幕尺寸的网站设计样式。例如，如果您的应用程序不适合低于给定宽度的尺寸，那么您可以将所有内容设置为隐藏在该断点下，并仅设置一条友好消息以显示告诉用户使用不同的设备。

脚本将当前计算机的宽度和高度打印为

 文本，所以我的意思是， 的大小不是 COMPUTERS SCREEN 的大小。

标签： javascript html text window resolution

【解决方案1】：

我找到了解决问题的方法，无论如何感谢您的反馈，结果我只需要制作这样的脚本......

var screenSizeIn = screen.width + " X " +
  screen.height;

console.log("Screen size is: " + screenSizeIn);
if (screenSizeIn == "1280 X 720") { // <-- good screen size
  console.log("Screen size is good!");
} else { // <-- bad screen size
  window.location = "/blocked.html"; // <-- what to do when wrong
  console.log("Screen size is wrong!");
}

【讨论】：