如何檢測瀏覽器太小，然後告訴訪問者放大瀏覽器以繼續？

-1

是否有可能創建一個jQuery腳本，可以檢測到瀏覽器何時小，然後告訴您的訪問者放大瀏覽器繼續？如何檢測瀏覽器太小，然後告訴訪問者放大瀏覽器以繼續？

有沒有人知道這個jQuery腳本？

你並不真正需要的jQuery這一點。只需使用'window.screen.width'，'.height'來獲得屏幕尺寸 – 2013-03-17 22:21:14

是的，但是你有什麼嘗試？一個好的開始將是尋找找到屏幕寬度和高度的方法。 – sachleen 2013-03-17 22:21:26

如果用戶無法弄清楚瀏覽器窗口太小而無法正確使用頁面，那麼所述用戶甚至不應該在互聯網上。 – 2013-03-17 22:21:37

每個人都會對這樣做的有效性做出評價。但 -

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

2013-03-17 22:24:58 iabw

什麼時候他們的瀏覽器是最大化，然後它仍然太小？

他們是否必須不斷處理消息？

這裏是一個示例腳本：

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

迫使用戶調整的這種想法似乎太過侵入而沒有任何用途的，但因爲用戶應確定自己的窗口大小。響應式設計是將視圖塑造給用戶，而不是將用戶塑造成您的視野。

2013-03-17 22:25:28

這將是可能的jQuery，就像這樣。

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

或者普通的JavaScript

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

CSS備選解決方案

既然你不給任何背景下，這是很難告訴最好的解決辦法是什麼，但另一種選擇將使用CSS media queries，並在窗口低於某個寬度時顯示消息。

這件事的好處是，你不必擔心聽窗口大小的事件等，也跟蹤當前的屏幕大小。瀏覽器會爲你照顧它。如果你沿着聆聽窗口大小調整事件的道路前進，它可能會比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; 
    } 
}

2013-03-17 22:27:03

回答