覆蓋SVG內嵌樣式

<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的我寫：覆蓋SVG內嵌樣式

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

但它不是壓倒一切，使我的SVG寬度從600到350，有什麼想法？

來源

2016-01-18 PourMeSomeCode

這一點很容易使用CSS代碼，你可能想'寬度<600'，而不是'寬度== 320'？ – Rafi

我認爲你可以做到這樣

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

來源

2016-01-18 18:44:38

是的，但是因爲我在SVG上設置了寬度。然後，內聯樣式將始終覆蓋通過樣式表添加的任何樣式 – PourMeSomeCode

儘管我認爲這應該可以做到，但是您可以使用重要來覆蓋任何樣式'width：350px！important'。 –

覆蓋SVG內嵌樣式

回答

相關問題