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;
}
}