vscode编写markdown时的图片缩放方法

翻遍了网上的方法,那些插件没一个可以用的。。 vscode这里还不能=100x100的方法吧

曲线救国一下!!

1、安装插件

Markdown All in One

2、找文件

C:\Users\Administrator\.vscode\extensions\shd101wyy.markdown-preview-enhanced-0.6.8\node_modules\@shd101wyy\mume\styles

在这里插入图片描述
打开目前所选择的主题css

3、使用属性选择器的方法

html body img[src*='img_half'] { width: 50%;}

使用:
![xxx](xx.png#img_half)

(可以统一设计几个方案,比如40%,30%,300x之类的)

效果:
在这里插入图片描述


小知识点总结:

  1. css的属性选择器
    在这里插入图片描述

  2. src地址
    xx.png#img_half ,(我是这么理解的),服务器接收的是#前面的地址,#后面的是定位,但这里不需要定位,只是为了识别到属性值里包含img_half




求助:我的图片直接上传服务器,有啥插件能像csdn一样,点击图片可以预览、放大、缩小吗!!

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值