网页如何实现在放大视图时重新绘制img图片？

Question

问题描述

使用img标签绘制图像后，我设置在用户点击图片后更改img标签的src属性，以实现翻页的效果。
但翻页后，如果放大视图区域，会发现图片很模糊，不会重新按比例绘制，如图：

但本身我的图片分辨率是很高的，修改src之前也是正常的
请问如何实现放大视图后重新绘制img为清晰图片呢？

我的测试网址是： http://yuansasi.com/lab/galle...

Answer 1

animation-fill-mode: none; 你样式里这个改为none试试

Answer 2

srcset属性了解一下。