拿这张少女图来测试
html的img标签
1.根据尺寸改变图片的大小
- 同
<img src="图片路径" width="200px" height="200px" alt="图片名称" align=center /> - 同
<img src="图片路径" width="200" height="200" alt="图片名称" align=center /> - 同
<img src="图片路径" width=200 height=200 alt="图片名称" align=center /> - 同
<img src="图片路径" width=200px height=200px alt="图片名称" align=center />
如果想将图片位于右侧，只需要将center改为right
放心，我检查过，都是这样：
2.根据比例改变图片的大小
最好：zoom缩放
同下<img src="图片路径" style="zoom:20%" alt="图片名称" align=center>
同上<img src="图片路径" style="zoom:20%" alt="图片名称" align=center />
标签是否自闭合影响不大。但还是建议自闭合
两者相同效果，而且第二个zoom缩放比第一个改变尺寸，更方便。在主流markdown编辑环境中可使用，例如CSDN，博客园，知乎。
次之：二维缩放<img src="图片路径" width="20%" height="20%" alt="图片名称" align=center />
二个维度都要改，写起来就比较麻烦
此次，首次发现zoom和width&height缩放相同比例，效果是不同的，请注意
❌延续makedown特性
百度经验：在markdown文件中，一般显示的的方式，现在只需要给它加上
{class}的形式就行。这种markdown在简书等平台可以使用。
{:width="200px" height="200px"}
{:style="zoom:40%"}
在博客园的MarkDown编辑器内无效，经查询是kramdown中InlineAttribute的特性。
抱歉，这两种在博客园都不行，意思就是博客园里，想对图片进行改动，就只能用html语义化，makedown不行
❎太麻烦:用html的div包住
例如设为居中,在图片的外面包围div标签即可，但div包住太费力了，不如第一种直接加class方便，就舍去不谈了
<div align="center"><img src="图片链接" width="20%" height="20%" /></div>
此次用图替代，再次发现zoom和width&height缩放相同比例，效果是不同的，请注意
不适合美化过的博客园用户，其他用户可以试试
img {
max-width: 80%;
}
此方法应该是次优解，避免部分图片默认尺寸过大，同时不影响其他图片大小。熟练之后，能够一劳永逸~
- 如何在makedown里直接使用这个次优解呢？
加上style标签，就可以在makedown里用了。 和JavaScript代码加上《script》标签也可以在makedown里用，一个原理
<style>img{max-width:80%;}<style/> - W3Cschool摘抄：max-width 定义元素的最大宽度。该属性值会对元素的宽度设置一个最高限制。因此，元素可以比指定值窄，但不能比其宽。不允许指定负值。
%-定义基于包含它的块级对象的百分比最大宽度。 - ❎说是可以，但是我在博客园里，主题都是美化过的，一旦用了这个代码，90%文章都会bug。
- ✅这个方法估计能用在CSDN等其他makedown编辑器里，CSDN博主说的。没有美化过博客园的同学也可以试试“限制图片最大宽度”这个方法。
❌3.无效的写法 
