1

我有一个使用灯箱 .js 插件的投资组合页面，当我的屏幕尺寸小于 480 时，我希望能够将其关闭，因为弹出框太大。有没有办法在css中做到这一点？如果不是，我该如何在 .js 中解决这个问题？

这是网站http://www.campusphotoservices.org/portfolio.html

4

2 回答 2

0

在 javascript 中，您可以像在 CSS 中一样匹配媒体查询。窗口附加了一个 matchMedia() 对象，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 polyfill，https://github.com/paulirish/matchMedia.js/

于 2013-02-23T01:16:54.043 回答
0

你不能直接用 CSS 来做，但用 JavaScript 做起来很简单。

在代码中调用 lightbox 的位置，只需检查窗口的宽度是否大于 480 像素；否则做任何你想做的事情。

window.innerWidth
于 2013-02-23T00:01:57.063 回答