如何在響應式wordpress頁面中使用svg圖形並讓它們像位圖一樣運行？

我一直在用wordpress做一些黑客攻擊。如何在響應式wordpress頁面中使用svg圖形並讓它們像位圖一樣運行？

我把SVG圖像，當我插入一個普通圖像（PNG文件）的代碼看起來像這樣我已經安裝了SVG插件的支持 https://wordpress.org/plugins/svg-support/

：

<img class="alignnone wp-image-146 size-medium" 
src="mydomain/2-300x246.png" alt="2" width="300" height="246" />

和那麼我使用的主題就會隨着瀏覽器向上和向下縮放而縮放，這正是我想要的svg圖像。

當我插入一個SVG文件，它不會顯示出來，直到我通過取出第一類標籤修改代碼並添加一個新的類標籤：

class="style-svg"

這樣的..

<img class="style-svg" 
src="mydomain/convo_and_notes2.svg" alt="convo_and_notes" width="1" height="1" />

也許我需要使用不同的WordPress主題或修改我正在使用的一個..但首先我想知道是否有可能從SVG文件獲得相同的響應行爲（我猜測它是.. 。但怎麼辦？）

我使用的wordpress主題是YoArts的Flat，如果這是有用的信息。

對不起，如果這不是正確的方式來說這個問題..我不知道我在做什麼，所以很難知道該問什麼。

簡而言之，我希望SVG文件的行爲像位圖一樣，並且會喜歡關於如何做到這一點的一些建議。

來源

2014-11-01 pixelfairy

我想我可能已經找到了問題。我只需要在stackoverflow上發佈一個簡單的問題來讓自己感到難堪。我將寬度和高度從我的svg圖像圖像標記中取出，並用width =「300px」替換它。我還將class =「alignnone wp-image-146 size-medium」放回到img標記中，並且它按預期工作。我認爲svg支持插件爲我添加了「1」的高度和寬度，我只是沒有正確地更改它。所以，它就在那裏，太小而看不到。 convo_and_notes – pixelfairy 2014-11-01 00:22:00

我要回答這個問題，因爲當我搜索時我找不到有關這個特定問題的任何信息，並且我確信有人能夠提出一個雄辯的答案。 – pixelfairy 2014-11-01 00:23:46

WordPress的上傳增加

height="1" wudth="1"

刪除，並添加

width="300px"

或類似的東西。

也保持響應行爲不要刪除

class=""alignnone wp-image-146 size-medium"

就是這樣。高度和寬度造成了問題。

來源

2014-11-02 03:40:17 pixelfairy

如何在響應式wordpress頁面中使用svg圖形並讓它們像位圖一樣運行？

回答

相關問題