由于图片与屏幕尺寸不匹配或希望在各种设备上正常显示,问题如下:
问题代码
<img src="la.png" />
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/bbd97b8a1166a3aedd1cc010eada2f68.png)
整个图片塞不下
解决方法:
法1
<body style="background-image: url(la.png); background-size: 100%;">
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/1a8c85418d4f58cfab8c9e9432363feb.png)
法2
<img src="la.png" style="height: auto; width: auto; width:100%;" />
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/cae9987ca23570cb2c9c98cab887dea3.png)
总结
对于png,jpeg类型的静态图片,使用法1效果较好;对于gif一类动图法2更合适。