1、在已新建的Web项目中，新建HTML5页面文件img.html
2、打开已新建的页面文件，引入相关文件并修改title标签内容
3、在<body></body>标签中，插入一个img标签，然后设置标签样式
4、保存代码并运行页面文件，打开浏览器，查看效果
5、由上面效果看出，图片被拉伸了；点击图片，鼠标右键查看详情
6、接着按照图片实际的宽度和高度，设置图片的样式
7、再次保存代码并刷新浏览器，可以看到图片显示正常
H5页面中头像拉伸了怎么解决
时间：2024-11-02 17:46:481、在已新建的Web项目中，新建HTML5页面文件img.html
2、打开已新建的页面文件，引入相关文件并修改title标签内容
3、在<body></body>标签中，插入一个img标签，然后设置标签样式
4、保存代码并运行页面文件，打开浏览器，查看效果
5、由上面效果看出，图片被拉伸了；点击图片，鼠标右键查看详情
6、接着按照图片实际的宽度和高度，设置图片的样式
7、再次保存代码并刷新浏览器，可以看到图片显示正常