-1
A
回答
0
每個人都會對這樣做的有效性做出評價。但 -
var tooSmall = 500;
var wHeight = $(window).height();
var wWidth = $(window).width();
if (wWidth < tooSmall){
//Tell them so!
}
1
什麼時候他們的瀏覽器是最大化,然後它仍然太小?
他們是否必須不斷處理消息?
這裏是一個示例腳本:
if(window.clientWidth < 1000){
alert("Send your business elsewhere");
}
迫使用戶調整的這種想法似乎太過侵入而沒有任何用途的,但因爲用戶應確定自己的窗口大小。響應式設計是將視圖塑造給用戶,而不是將用戶塑造成您的視野。
0
這將是可能的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;
}
}
相關問題
- 1. jQuery:檢測瀏覽器調整大小
- 2. 實時瀏覽器大小檢測
- 3. 如何告訴瀏覽器不要調整圖像大小
- 4. 如何檢測瀏覽器?
- 5. 瀏覽器檢測問題
- 6. 如何告訴瀏覽器忘記htdigest?
- 7. 在瀏覽器()之後繼續執行
- 8. 瀏覽器檢測
- 9. 瀏覽器檢測
- 10. 瀏覽器檢測
- 11. 打開瀏覽器導致瀏覽器繼續重新加載
- 12. 如何檢測瀏覽器是否支持webkit瀏覽器?
- 13. 檢測訪問者是瀏覽器而不是爬蟲
- 14. 通過JAVASCRIPT或PHP檢測訪問者的瀏覽器?
- 15. 將瀏覽器內容縮小到瀏覽器窗口大小
- 16. Chrome瀏覽器,字體大小比其他瀏覽器小1px
- 17. HTTPResponse - 瀏覽器縮放大小
- 18. Flex - 放大/縮小瀏覽器
- 19. Silverlight放大瀏覽器
- 20. 告訴瀏覽器中的圖片
- 21. 要告訴您的瀏覽器
- 22. 如何訪問的Cookie在Chrome瀏覽器後我關閉瀏覽器
- 23. wxPython瀏覽器大小
- 24. 調整瀏覽器大小
- 25. 如何使用javascript檢測瀏覽器大小?
- 26. 我可以檢測瀏覽器調整大小事件嗎?
- 27. 檢測AOL瀏覽器
- 28. 檢測點擊瀏覽器
- 29. 瀏覽器版本檢測
- 30. 檢測Xoom瀏覽器(Android)
你並不真正需要的jQuery這一點。只需使用'window.screen.width','.height'來獲得屏幕尺寸 – 2013-03-17 22:21:14
是的,但是你有什麼嘗試?一個好的開始將是尋找找到屏幕寬度和高度的方法。 – sachleen 2013-03-17 22:21:26
如果用戶無法弄清楚瀏覽器窗口太小而無法正確使用頁面,那麼所述用戶甚至不應該在互聯網上。 – 2013-03-17 22:21:37