JQuery Mobile：CSSの@mediaクエリを使用して<a>ボタンのdata-inline = "true"を変更する

Question

ボタンは特定のブラウザの幅でのみインラインにしたいです。

これはCSSで行うことができますか？

これは失敗します。これはJavascriptで行うことができます（画面レイアウトが変更されたときに機能を起動します）？

Answer 1

単にdisplay: inline-blockを使用すると、実際に私のために今働いています。

Answer 2

はい。これらの要素に影響を及ぼすために、属性セレクタでCSSの設計手法を使用できます。

@media only screen and (min-width : 320px) { 
    a[data-inline=true] { 
     display:inline; 
    } 
}