如何爲某些媒體查詢關閉.js？

我有一個使用lightbox.js插件的投資組合頁面，當我的屏幕尺寸小於480時，我希望能夠關閉它，因爲彈出窗口太大。有沒有辦法做到這一點在CSS？如果不是我如何在.js中做這件事？如何爲某些媒體查詢關閉.js？

這是網站http://www.campusphotoservices.org/portfolio.html

2013-02-23 Haley

作爲一個側面說明，所以他們不應該縮小頁面上的圖像在圖形程序加載需要很長時間。 – 2013-02-23 00:05:47

你不能用CSS直接做到這一點，但它是非常簡單的JavaScript做。

在您調用lightbox的代碼中，只需檢查窗口的寬度是否大於480px;否則做任何你想做的事情。

window.innerWidth

來源

2013-02-23 00:01:57

在JavaScript中，您可以像在CSS中一樣匹配媒體查詢。有一個匹配媒體（）對象附加到窗口，https://developer.mozilla.org/en-US/docs/DOM/window.matchMedia。您可以像使用CSS一樣使用媒體查詢。

var mediaQuery = matchMedia("(min-width: 400px)"); 
if (mediaQuery.matches) { 
    /* the view port is at least 400 pixels wide */ 
} else { 
    /* the view port is less than 400 pixels wide */ 
}

並非所有的瀏覽器都支持它，所以你需要使用matchMedia填充工具，https://github.com/paulirish/matchMedia.js/

來源

2013-02-23 01:16:54

如何爲某些媒體查詢關閉.js？

回答

相關問題