我使用AngularJS编写了一些JavaScript逻辑,以匹配javascript中的引导媒体查询,以获得更复杂的响应式用例。哪个工作正常,虽然有点难看:
var xs = window.matchMedia('screen and (max-width : 767px)');
xs.addListener(function(mq) {
console.log('resize xs');
if (mq.matches) {
$timeout(function() {
service.screenSize = 'xs';
}, 0);
}
});
然而,当尝试使用业力,茉莉和& phantomJS - 我无法找到调整实际窗口大小的方法。例如,当调整innerWidth的大小时,它会调整大小,但它不会触发媒体查询,因为它 - 我认为 - 查看窗口,而不是内部宽度。
任何人都知道如何解决这个问题?