看了好多教程,说的太复杂,没找到保持比例的 markdown 方法,就得用 html 语句,话不多说开始!
语句篇
改变图像大小但不改比例,使用下面两种语句——
- 保持比例不变,图像缩小为页面的50%
<img src="https://i-blog.csdnimg.cn/blog_migrate/cbbe8226d151e4ff7673583e06d3fd28.jpeg#pic_center" width="50%" ></img>
- 只修改width值,图像会保持比例不变
<img src="https://i-blog.csdnimg.cn/blog_migrate/cbbe8226d151e4ff7673583e06d3fd28.jpeg#pic_center" width="150" ></img>
任选一种,src 替换为你图片的 url,width 按需修改百分比或数值。
PS:我的 url 加上 #pic_center 是为了图片居中,不加的话默认偏左,想偏右的话可以写 #pic_right。
效果篇
如果你想看效果——
![原图](https://i-blog.csdnimg.cn/blog_migrate/cbbe8226d151e4ff7673583e06d3fd28.jpeg)
或
<img src='https://i-blog.csdnimg.cn/blog_migrate/cbbe8226d151e4ff7673583e06d3fd28.jpeg'></img>
<img src="https://i-blog.csdnimg.cn/blog_migrate/cbbe8226d151e4ff7673583e06d3fd28.jpeg#pic_center" width="50%" ></img>
<img src="https://i-blog.csdnimg.cn/blog_migrate/cbbe8226d151e4ff7673583e06d3fd28.jpeg#pic_center" width="150" ></img>