Question

 <svg id="mb-one_top" style="position: absolute; top: -215px;"  
 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"  
 preserveAspectRatio="xMidYMid" width="600" height="862" viewBox="0 0 600 862">

我正在尝试在移动设备上缩小我的 SVG ，所以使用 jQuery 我写了：

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

但它没有覆盖并使我的SVG宽度从600到350，任何想法？

Answer 1

我认为您可以使用像这样的CSS代码轻松实现这一目标

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

覆盖SVG内联样式

1 个答案: