在html中如何设置div的的大小当图片尺寸超过div设置的大小的时候自动缩放,不适用img
3个回答
展开全部
具体步骤如下:
1、首先,先在代码中输入position:fixed; top: 0; left: 0;这样的作用是让整个图片固定在屏幕上。
2、之后,再把背景图片的大小自动适应DIV大小,当图片自动适应时,既可以就进行缩放。
3、输入background-size: cover;-webkit-background-size: cover;-o-background-size: cover;使图片随屏幕大小同步缩放,如果图片太大就会进行缩放。
展开全部
你是想DIV缩放还是图片?
图片的话,可以设置它的宽度来100%,高度自动,这样会不变形成DIV宽度。
如果是想DIV随图片的话,DIV的宽度设置为自动,这样图片就会把DIV的宽度撑到图片大小;
再给你几个样式,你自己可以尝试max-width最大宽度,max-heitght最大高度,min-width最小宽度,min-height最小高度。。
图片的话,可以设置它的宽度来100%,高度自动,这样会不变形成DIV宽度。
如果是想DIV随图片的话,DIV的宽度设置为自动,这样图片就会把DIV的宽度撑到图片大小;
再给你几个样式,你自己可以尝试max-width最大宽度,max-heitght最大高度,min-width最小宽度,min-height最小高度。。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
.img{max-width:100%;max-height:100%}
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询