调整构建USIGN DOCUSUARARUS网站的Markdown文件中的图像大小

发布于 2025-02-01 16:41:49 字数 222 浏览 3 评论 0原文

我正在尝试建立一个项目的文档网站。我使用的图像尺寸很大,我想使用HTML标签样式=“ Zoom:33%;”调整它们的大小。但是,运行构建命令时会引发错误。 我试图用HTML标签替换Markdown标签,但它也不起作用。

< img src =“ externel-link.png” alt =“ img”样式=“ Zoom:33%;” />

请提供一些帮助。

I am trying to build a documentation website for a project. The images I am using are large in size and I'd like to resize them using the HTML tag style="zoom:33%;". However, on running the build command it throws errors.
I have tried to replace the markdown tags with the HTML tag but it doesn't work either.

<img src="externel-link.png" alt="img" style="zoom:33%;" />

Some help, please.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

瑾夏年华 2025-02-08 16:41:49

由于CSS没有缩放...

您可以使用变换:scale(1.33);

,所以这样的事情可能会起作用:

&lt; img src =“ externel-link.png” alt =“ img” style =“ transform:scale(1.33);” /&gt;

That won't work because there is no zoom in css...

You could use transform: scale(1.33);

So something like this will probably work:

<img src="externel-link.png" alt="img" style="transform: scale(1.33);" />

两相知 2025-02-08 16:41:49

在Docusaurus 2.x中使用IMG标签与样式道具一起工作:

<img src={require("./photo.png").default} style={{transform:'scale(1.33)'}} />

如果它是外部链接:

<img src="externalink.jpg" style={{transform:'scale(1.33)'}} />

Using an img tag with a style prop works in docusaurus 2.x:

<img src={require("./photo.png").default} style={{transform:'scale(1.33)'}} />

If it is an external link:

<img src="externalink.jpg" style={{transform:'scale(1.33)'}} />
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文