如何在响应式wordpress页面中使用svg图形并使它们的行为与位图的行为相同?

时间:2014-11-01 00:06:57

标签: wordpress svg

我一直在用wordpress进行一些黑客攻击..编辑。

我正在放置svg图像,我已经安装了SVG支持插件 https://wordpress.org/plugins/svg-support/

当我插入常规图像(png文件)时,代码如下所示:

<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文件的行为与位图类似,并希望得到一些关于如何做到这一点的建议。

1 个答案:

答案 0 :(得分:0)

wordpress uploader添加

height="1" wudth="1"

删除并添加

width="300px"

或类似的东西。

还要保持响应行为不要删除

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

就是这样。高度和宽度导致了问题。