html图片失真怎么办


本文摘自PHP中文网,作者藏色散人,侵删。

html图片失真的解决办法:首先打开相应的HTML文件;然后找到HTML img引入的图片;最后通过给img图片添加“object-fit:none;”属性来解决图片失真问题即可。

本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。

CSS样式 width:100% 图片失真

屏幕1920像素,设置img的width:1920px固定尺寸,图片不失真,设置width:100%图片失真

1

2

3

4

img{

      display:block;  /*img图片比父元素高度小几个像素,设置为块元素,使得父子div高度一致*/

      width:100%;

}

阅读剩余部分

相关阅读 >>

css怎么嵌入到Html中?

Html怎么删除表格的第二行

详解Html中 position属性用法(四种)

Html中如何加载本地图片

Html是什么意思

Html中 table鼠标拖拽排序功能的实现

vue面试题的介绍(附答案)

Html怎么导入背景图

Html怎么取消滚动

Html实现页面点击下载文件的两种实现方法

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...