【已解决】预览的图片怎么以原尺寸展示？

疑问解答
1

遇到的问题

  • 类似于这个相似的问题，我粘贴图片到编辑区，正常情况下，它会自动以“![[xx图片名]]”这种格式显示，我然后删除前面的叹号，变成[[xx图片名]]，即是对图片的文本形式，而不是渲染后的结果。

  • 问题：当文件在阅读模式下，鼠标放到上面时，它会自动有预览效果，但是预览图片太小，如何设置让其预览效果以原图尺寸显示呢？

  • 注意：不让其渲染在编辑器中，所以不需要前面的叹号。按上面的问题，使用自定义设置【|数字】的形式也是不行的。

  • 要求：不要用任何插件。想要仅修改某个参数或者调整css某个参数来实现它？

  • 版本：v1.6.7

  • 致谢：各位大神，能否指点下，提前跪谢！

  • 阅读模式和编辑模式下两种显示形式：阅读模式下鼠标放到该文本链接上的预览效果和编辑模式下图片的文本格式。

    image
    image894×647 100 KB

2

可以通过增加 CSS 片段来实现。

但是按原尺寸显示的话，如果屏幕不够大，图片都显示不全了吧

3

都是自己截图的，屏幕是够的

4

加上这个CSS片段：

.popover.hover-popover > .image-embed {
    max-width: unset;
}

注意，如果你的电脑设置修改过显示比例（比如设置到125%），显示的图片大小会比实际大小（在看图软件里看到的，实际截取的大小）要更大。

1 个赞
5

好兄弟，大佬，感谢！！！
可以了，完美契合！

6

再次感谢，强迫症，摸索了很久不会，经过兄弟得指点，了却一个心病，谢谢。