使用 JavaScript 進行媒體查詢

Question

大家好，我想知道我可以在 JavaScript 中使用媒體查詢嗎，尤其是在 Animejs 中如何使用。

    var morphing = anime({
        targets: '.polymorph',
        points: [{
            value: '405,219 0,219 0,0 70,0 77.5,0 84,0 151.5,154.5'
        }, ],
        easing: 'easeOutQuad',
        duration: 1500,
        loop: false
    });

    anime({
        targets: '#blip',
        opacity: 1,
        duration: 7000,
        translateX: 290,
        loop: true
    })

我想在移動設備中查看時更改持續時間和 translateX

        anime ({
        targets: '#blip',
        opacity: 1,
        duration: 7000,
        translateX: 290,
        loop: true
     })

謝謝

Answer 1

您可以使用 javascript 代碼中的screen.width()檢查窗口的屏幕大小。

您可以將動漫對象的“translateX”屬性值存儲在任何變量中。 然后根據屏幕大小，您可以在該變量中設置值，並最終將該變量指定為 translateX 屬性。

translateX: <your_variable>