javascript - JQuery 手机 : modifying <a> button data-inline ="true" using CSS @media query

Question

我希望我的按钮仅在特定浏览器宽度下内联。

这可以用 CSS 完成吗？

如果做不到这一点，是否可以使用 Javascript 来完成(当屏幕布局发生变化时触发一个函数)？

Answer 1

是的。您可以使用带有属性选择器的 CSS 响应式设计技术来影响这些元素。

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