css背景图保持长宽，css中设置背景图片大小

css手机版页面制作时如何让背景图片适应div的高度和宽度

1、对背景图片设置属性：background-size：cover；可以实现背景图片适应div的大小。background-size有3个属性：auto：当使用该属性的时候，背景图片将保持100 的大小显示，不进行任何缩放。超过div的多余部分将被隐藏。

2、将背景图像等比缩放到宽度或高度与容器的宽度或高度相等，背景图像始终被包含在容器内。

3、首先，打开html编辑器，新建html文件，例如：index.html。

4、一是通过将该图片设定为某个div的背景图片，然后该div的长宽不使用绝对的px，使用相对的em或者rem。二是将图片设定display：block，设定图片的长宽为rem或者em。

相关问答

Q1: 标签样式图片大全

1、瓷砖标签设计图案素材大全瓷砖标签设计要素：瓷砖标签的印刷材质应该选择稳重而又不失质感的。一般以白色或者奶油色，带点简洁的图案为主，可以使整体看起来简洁有个性如果选用白色和奶油色，这两种颜色搭配。

2、首先，打开条码标签打印软件，将纸张尺寸设置为和实际纸张相符的尺寸，设置方法可参考标签打印软件如何设置单排标签纸尺寸。

3、下面我跟大家分享一下ps制作标签型主图的教程。先用钢笔画出标签型上方的圆点，再使用矩形画出圆点，用钢笔绘制出圆点的形状。

4、html设置图片大小：在img标签上设置图片大小、或者使用css样式控制图片大小。操作方法如下。

5、以下4种img标签样式 static/file/tempFile/jpg[/img]debugger；（2）正则匹配src=文件路径，并获取匹配结果。

Q2: 制作html网页时如何使用CSS使背景图片拉伸(

+1使用滤镜，其中 sizingMethod=scale 就是拉伸。

怎么用css把背景图片拉伸 不是平铺 纯css实现的话可以使用css的background-size属性。语法如下示例：p{background-size：100% 100%} 共有两个值，第一个值是宽度，第二个值是高度。

使用此代码：img border=0 src=/jpg width=100% height=100% style=position： absolute；left：0px；top：0px；z-index： -1或者background-size：cover。

一个很小的条状图，通过repeat后，形成一个很规则的大图背景。css3出现以后，可以用background-size 属性来实现背景图拉伸填充。 而且这个属性在firefox，chrome，以及ie9上都可以使用。

可以通过cover和contain来对图片进行伸缩。

使用css代码即可，background-size：cover。更改html网页输入框的宽度和高度：首先可以用sublime text2新建一个测试用的界面。这时候再添加一个label标签和一个input框。通过设置size的属性修改即可。

Q3: 如何用CSS使图片自适应显示宽度

1、一是通过将该图片设定为某个div的背景图片，然后该div的长宽不使用绝对的px，使用相对的em或者rem。二是将图片设定display：block，设定图片的长宽为rem或者em。

2、通常，我们可以给图片设置一个CSS属性，定义其高度和宽度。但有时候，我们只希望控制图片的最大可见大小。这样的操作，一般有两种办法：直接使用CSS属性值；使用JavaScript动态设置CSS值。

3、背景图宽度自适应方法：添加css样式background-size：100%；它的意思是规定背景图像的尺寸，但这个css样式使用时需要注意，有些浏览器是不支持，比如IE要求9的版本才可以支持。

4、首先需要新建一个HTML页面。然后输入页面的标题，可以按照下方图中的进行设置。

关于css背景图保持长宽和css中设置背景图片大小的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。