是否可以将媒体 jquery 添加到您的 jquery 代码中?
当我的屏幕尺寸达到 800px 时,我需要减小“slideWidth: 83”;
$(document).ready(function(){
$('.slider4').bxSlider({
slideWidth: 83,
minSlides: 2,
maxSlides: 9,
moveSlides: 1,
slideMargin: 15
});
});
js 通过以下方式支持媒体查询window.matchMedia
这允许您创建类似的东西
var isPortrait = window.matchMedia("(orientation: portrait)");
if (isPortrait.matches){
// Screen is portrait
}
or
var smallScreen = window.matchMedia("(max-width: 480px)");
if (smallScreen.matches){
// Screen is less than 480px
}
现代浏览器支持良好,并且有polyfill https://github.com/paulirish/matchMedia.js/也可用,但它不支持开箱即用地调整大小。
更多信息 -https://developer.mozilla.org/en-US/docs/Web/API/Window.matchMedia https://developer.mozilla.org/en-US/docs/Web/API/Window.matchMedia
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)