根据屏幕大小更改HTML属性

Question

我使用Slidebars作为扩展程序为我的网站创建画布外菜单。可以使用data-sb-width属性设置自定义宽度。我把它设置为像这样的370px：

<div class="sb-slidebar sb-left sb-width-custom" data-sb-width="370px"></div>

在移动设备上我需要将其更改为280px，但我不知道CSS媒体查询是否可以实现这一点。需要帮助。

Answer 1

由于这是HTML属性而不是CSS样式，因此您无法直接使用CSS媒体查询。

我看到了几个可供探索的选择：

• 使用Javascript或jQuery（在设置滑动条之前）设置data-sb-width
• 使用两个不同宽度的滑动条，并使用媒体查询隐藏其中一个（不太确定滑动条脚本会是那样）
• 将宽度指定为百分比而不是固定宽度，但这可能难以控制