有两种解决办法
第一种
父div 设置
overflow: hidden; img 标签设置
width: 100%;
但是会有一个问题,高度大于父div时,会有部分被隐藏。
第二种
解决办法出自 深圳前端交流群 (群号:247687975)深圳-旧城以西 。
使用背景图片的方式,设置css3
background-size: cover; 官方解释是:把背景图片扩展至足够大,以使背景图像完全覆盖背景区域。
background: url('dizhi') no-repeat center;
background-size: cover;
这种能最大限度的保证图片完整显示。
保存在这里,方便以后调用