jquery - 媒体查询断点之间的动画

Question

在 CSS 媒体查询之间制作动画的最佳方式是什么？

是 CSS3 过渡还是 jquery？

CSS

@media handheld, only screen and (max-width: 1024px) {
h1 {
font-size: 30px;
}
}
@media handheld, only screen and (max-width: 768px) {
h1 {
font-size: 10px;
}
}

Answer 1

我会说使用转换：

h1 {
    -moz-transition   : font-size 2s;
    -webkit-transition: font-size 2s;
    -o-transition     : font-size 2s;
    transition        : font-size 2s;
}

@media handheld, only screen and (max-width: 1024px) {
    h1 {
        font-size: 30px;
    }
}
@media handheld, only screen and (max-width: 768px) {
    h1 {
        font-size: 10px;
    }
}