图片充满整个Div

最新推荐文章于 2023-11-01 18:35:05 发布

夜跑者

最新推荐文章于 2023-11-01 18:35:05 发布

阅读量3k

点赞数

分类专栏： CSS

本文链接：https://blog.csdn.net/liubangbo/article/details/104045929

版权

CSS 专栏收录该内容

46 篇文章 1 订阅

订阅专栏

今天在画一个页面时，图片老是渲染的不对，排查代码看着也没啥问题。原来div容器尺寸比较大，而图片尺寸比较小。我们模拟一下这个现象。

真是图片如下(450px 237px)：

设置div容器大小为600px 600px。代码如下：

<html>
 
<head>
<style type="text/css">
#icon{
    width: 600px;
    height: 600px;
    background-image: url("./icon.png");
    //background-size: 100% 100%;
}

</style>
</head>
 
<body>
    <div id="icon">
       
    </div>
    
<script>   

</script>
</body>
</html>

渲染出来的图片如下：

明显不对。把代码中的注释去掉，加上background-size属性就OK了。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

夜跑者

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
图片充满整个Div

今天在画一个页面时，图片老是渲染的不对，排查代码看着也没啥问题。原来div容器尺寸比较大，而图片尺寸比较小。我们模拟一下这个现象。真是图片如下(450px 237px)：设置div容器大小为600px 600px。代码如下：<html> <head><style type="text/css">#icon{ width: 6...
复制链接

扫一扫