Javascript 覆盖SVG内联样式

但是它并没有覆盖并使我的SVG宽度从600变为350，你知道吗？

我想你可以很容易地用CSS代码实现这一点

var width = $(window).width();
if (width == 320) {
    $('#mb-one_top').attr('width', '350');
}

/*适用于小于480px的移动浏览器的样式；（iPhone）*/
@介质（最大宽度：480px）{
#mb-1_顶部{
宽度：350px；
}
}

您可能想要

宽度<600

而不是

宽度==320

？是的，但因为我在SVG内联上设置了宽度。然后，内联样式将始终覆盖我通过样式表添加的任何样式，虽然我认为这应该可以做到，但您可以使用“重要”来覆盖任何样式

width:350px！重要信息

。

var width = $(window).width();
if (width == 320) {
    $('#mb-one_top').attr('width', '350');
}

<style>
    /* styles for mobile browsers smaller than 480px; (iPhone) */
    @media (max-width:480px){
        #mb-one_top {
             width : 350px;
        }
    }
</style>