CSS中如何控制图片大小的方法介绍
这样的操作，一般有两种办法：直接使用CSS属性值；使用JavaScript动态设置CSS值。
CSS1 之前是不能设置背景图大小的，CSS3就可以通过background-size来设定图片大小，可以是像素或者是百分比。例如background-size：100px 200px；表示把背景图片大小调整为100x200px。
网页的某些装饰可以通过背景图片来渲染，使得网页更加美观，CSS设置背景图片，不仅仅是大小，还有位置，放大方式，透明化之类。都是必备的CSS技能。
二是将图片设定display：block，设定图片的长宽为rem或者em。
如果是图片的尺寸太大，要修改小一些。这种情况，通常都是使用雪碧图或者字体图标来做的。
CSS设置背景图宽度100%,高度自适应
原理是通过padding-top或者padding-bottom实现，值是背景图片的宽高比。
背景图宽度自适应方法：添加css样式background-size：100%；它的意思是规定背景图像的尺寸，但这个css样式使用时需要注意，有些浏览器是不支持，比如IE要求9的版本才可以支持。
输入position：fixed； top： 0； left： 0；使整个div固定在屏幕的最上方和最左方。
既要宽度100%，又要不变形，这两个条件决定了图片的高度不能另外设置，只能跟随宽度的变化而变化，这样就无法保证完全覆盖剩余区域。
则0%-100%的透明度也被提供。PNG格式的图片的透明度不妨碍你选择文本。也就是说，你可以选择显示在PNG格式的图片完全透明区域后面的内容。这样我们就可以完美兼容绝大多数的浏览器，实现用CSS让背景图片100%填充了。
这样就可以实现背景图片自适应父容器大小而自动变化，达到填充效果。 但是，图片会被拉伸填充，这并不是我们想要的效果，那么我们可以不设置 100% 参数，而是使用 cover 参数。
CSS3如何固定图片宽度使图片高度按图片比例自适应?
1、使用img标签，给它的width属性设定一个绝对数量值，其高度就会自动按照width的值进行缩放了。
2、其实在CSS布局中图片宽度固定、高度自适应这种要求情况下，CSS只需设置宽度值，高度就不用添加设置即可达到想要布局效果。
3、宽度和高度不要同时设置，只需要设置一个，另一个就会自动按照图片的原始比例进行缩放，从而使图片不会发生变形。
4、自适应显示宽度代码方法：首先，在网页代码的头部，加入一行viewport元标签。
5、框框宽高比例不变：直接设置该 img 的 max-width：100%； 就可以了。比例要变，要图片自动被 div 切掉一些再居中的话，恐怕只有用js结合才能实现了。
css图片不配高度只配宽度,高度就会自动等比显示吗?
使用img标签，给它的width属性设定一个绝对数量值，其高度就会自动按照width的值进行缩放了。
当遇到这样的DIV CSS布局时候，其实非常简单，我们只需要对图片宽度进行控制，而图片高度不用设置即图片高度会自动适应缩放比例（不设置高度即高度值默认为auto自适应）。
当你使用绝对的值设置了一个框的大小（如，固定像素的宽/高），允许的大小可能不适合放置内容，这种情况下内容会从盒子溢流。我们使用 overflow 属性来控制这种情况的发生。
先在html里添加一个img图片标签。运行页面后，这是完整显示图片大小的。图片大概是400x260左右的大小。要进入图片缩放，可以在css样式里设置图片的宽度和高度，但不要宽和高都设置了，比如这里都设置为100px。
首先需要新建一个HTML页面。然后输入页面的标题，可以按照下方图中的进行设置。
div的高度随背景图片的高度变化：原理是通过padding-top或者padding-bottom实现，值是背景图片的宽高比。
怎样用CSS使图片高度自动缩放比例
当遇到这样的DIV CSS布局时候，其实非常简单，我们只需要对图片宽度进行控制，而图片高度不用设置即图片高度会自动适应缩放比例（不设置高度即高度值默认为auto自适应）。
这样的操作，一般有两种办法：直接使用CSS属性值；使用JavaScript动态设置CSS值。
首先，打开html编辑器，新建一个html文件，例如：index.html。其次，在index.html中的标签中，输入css样式代码：body {background： url(imagejpg) no-repeat；background-size： 250px；}。
使用img标签，给它的width属性设定一个绝对数量值，其高度就会自动按照width的值进行缩放了。
css宽高自适应的div元素以及如何垂直居中
设置行高要注意父容器高度和子元素line-height一样的数值，内容中的行内元素就会垂直居中。
CSS网页布局DIV水平居中的各种方法 单行垂直居中 如果一个容器中只有一行文字，对它实现居中相对比较简单，我们只需要设置它的实际高度height和所在行的高度line-height相等即可。
首先我们准备好一个空的html结构的文档。接下来我们要准备的是准备一个div用来放内容了，这里为了显示特意给div设置了边框。接下来我们就在div中添加内容，如下图所示，运行后你会发现内容偏向于左上角。
让DIV里面的DIV水平垂直居中有2种方法：方法一：让一个DIV水平居中，直接用CSS就可以做到。只要设置了DIV的宽度，然后使用margin设置边距0 auto，CSS自动算出左右边距，使得DIV居中。
顾名思义，定位法是利用CSS定位属性position对元素进行定位的方法，也属于模拟方法，不过它对IE的支持还是不错的。
在黑马程序员学习时候就会有老师教过，知道盒子的自身长度和宽度，其实解决的思路是这样的：首们需要position：absolute；绝对定位。再使用margin负值的方法。负值的大小为此盒子自身宽度高度除以二。