有时候,UI提供的图像是基于375像素宽度的切图,但是在移动设备上查看时会变模糊。此时,解决方案是使用高分辨率的图像,例如2倍图(@2x),重新进行切图。这样可以确保图像在高分辨率设备上保持清晰。
但是在类似蓝湖的工具上下载2x图,会导致图片过大,需要调整尺寸,此时可以在 标签中添加 style 属性来设置图片的宽度和高度,或者使用CSS类来控制图片的样式。
`<img src="" style="max-width: 100%; max-height: 100%; height: auto;">`