jquery - 如何检测浏览器何时过小然后告诉访问者放大浏览器继续？

Question

是否可以创建一个 jquery 脚本，可以检测浏览器何时变小，然后告诉您的访问者放大浏览器继续？

有谁知道一个jquery脚本吗？

Answer 1

当他们的浏览器最大化然后它仍然太小时怎么办？

他们是否必须不断地处理信息？

这是一个示例脚本：

if( window.clientWidth < 1000 ){ 
 alert("Send your business elsewhere"); 
} 

这种强制用户调整大小的想法似乎太具有侵略性而没有任何用处，因为用户应该确定他们的窗口大小。响应式设计是将视图塑造成用户，而不是将用户塑造成你的视图。

Answer 2

每个人都对这样做的有效性提出了很好的看法。但 -

var tooSmall = 500;
var wHeight = $(window).height();
var wWidth = $(window).width();
if ( wWidth < tooSmall ){
    //Tell them so!
} 

Answer 3

像这样的 jQuery 是可能的。

if($(window).width() < 960) {
    // Do something when less than 960
}

或纯 JavaScript

if(document.width < 960) {
    // Do something when less than 960
}

替代 CSS 解决方案

由于您没有提供任何上下文，因此很难说出最佳解决方案是什么，但另一种选择是使用CSS 媒体查询并在窗口低于某个宽度时显示一条消息。

这样做的好处是您不必担心监听窗口调整大小事件等，也可以跟踪当前屏幕大小。浏览器会为你处理好它。如果您沿着侦听窗口调整大小事件的道路前进，它也可能比 JS 解决方案更有效。此外，还将处理用户禁用 JavaScript 的情况。

标记：

<div id="error-message">Please enlarge your window for the site to work</div>

CSS：

#error-message {
   display: none;
}

@media only screen and (max-width: 960px) {
   #error-message {
        display: block;
   }
}