css调整图片大小
3个回答
展开全部
xxx img{width: 100px;height: 100px}
xxx可以是id、class(类)、元素(div、li等),100px只是个示例大小,你也可将px换成%
xxx可以是id、class(类)、元素(div、li等),100px只是个示例大小,你也可将px换成%
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2020-12-20
展开全部
调整图片大小一般分两种情况,一是通过img标签显示的图片,而是标签的背景图片。
通过img标签显示的图片可以直接设置图片的宽度和高度,例如width: 100px;height: 100px,当然也可以是百分比width: 50%,百分比的话需要父容器具备高度和宽度。这里说的是比较常见的,当然有时候也会用到calc的用法。
背景图片的话,想要调整大小需要用到background-size属性,这个好像用具体像素不好用,只能用百分比。例如background-size:100%;值得一提的是百分比越大图片越小,可以是500%甚至更多,反之百分比越小图片越大。
通过img标签显示的图片可以直接设置图片的宽度和高度,例如width: 100px;height: 100px,当然也可以是百分比width: 50%,百分比的话需要父容器具备高度和宽度。这里说的是比较常见的,当然有时候也会用到calc的用法。
背景图片的话,想要调整大小需要用到background-size属性,这个好像用具体像素不好用,只能用百分比。例如background-size:100%;值得一提的是百分比越大图片越小,可以是500%甚至更多,反之百分比越小图片越大。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询