css如何设置大小自适应？

/使用固定像素/

1.用dw编辑器建立了一个静态页面

css宽度自适应 css宽度自适应屏幕css宽度自适应 css宽度自适应屏幕


css宽度自适应 css宽度自适应屏幕


分析设计图

2.将建好的静态页命名为css.html，标题为了“css如何设置大小自适应”

3.在body中添加两个div，设置不能的宽度，并设class为div1和div2，目的是用一样的css控制的宽度在不同的宽度容器中都能很好的显示

4.在两个div的class中添加相同的控制的class名为了”img“，并为div添加控制宽度的样式

5.在两个div中加入相同的

，在浏览器打开页面发现加入后把原来的div都给覆盖掉了

6.这个时候我们需要在img类中加入限制的宽度的css语句让他自己适应容器的宽度.imgimg{width:;height:auto}

怎样用css控制自适应大小？

大概就是这些了，还有一些流动布局，就是瀑布流的，也分固定式瀑布流和自适应瀑布流。

2、将建好的静态页命名为css.html，标题为了“css如何设置大小自适应”

3、在body中添加两个div，设置不能的宽度，并设class 为div1和div2，目的是用一样的css控制的宽度在不同的宽度容器中都能很好的显示

4、在两个div的class 中添加相同的控制的class名为了 ”img“，并为div添加控制宽度的样式

51、首先用dw编辑器建立了一个静态页面、在两个div中加入相同的，在浏览器打开页面发现加入后把原来的div都给覆盖掉了

6、这个时候我们需要在img 类中加入限制的宽度的css语句让他自己适应容器的宽度.img img{ width:; height:auto}

DIV+CSS布局下，怎样解决对不同分辨率的适应问题

网站对应分辨率适应一般有两种方法：

1.固定宽度，你可以去看看，目前网上主流的网站都是固定一个宽度范围的，目前主流宽度是960px、1002px。你可以到百度统计工具里面看看，目前主流分辨率，根据这个你可以确定固定布局的宽度。

2.自适应布局，就是布局使用百分百来定宽高、它会根据浏览器的分辨率大小自动适应屏幕，不过对技术要求和布局计算会高点。

总体来说就是上面说的两种，希望帮到你！！！！！！！！！！！！！

定位（absolute）：将被赋予此定位方法的对象从文档流中拖出，使用left，right，top， bottom等属性相对于其最接近的一个最有定位设置的父级对象进行定位，如果对象的父级没有设置定位属性，即还是遵循HTML定位规则的，则依据 body 对象左上角作为参考进行定位。定位对象可层叠，层叠顺序可通过 z-index 属性控制，z-index值为无单位的整数，大的在最上面，可以有负值（目前负值FF不支持）。

相对定位（relative）：对象不可层叠，依据left，right，top，bottom等属性在正常文档流中偏移自身位置。同样可以用z-index分层设计。

通常网站不太要求自适应的问题，因为大的主体宽度是固定的，只需要把主体居中，背景做平铺即可；即使要做自适应，一般也就是用宽度设为百分比，或者是一部分固定宽度一部分设为百分比；

一般使用居中就ok了 然后就是宽度设置合适 其实和表格的使用是一样的 区别不大 先建立一个大的底层 定位大的布局之路-移动端开发实例底层的位置居中 然后将其他的层按照底层定位就ok了

随便说的难听难听日

HTML5如何利用rem实现自适应布局

设设计图大小为1080px。这也就意味着，在开发时，需要兼容的分辨率为1080px，最小的为320px。

2. 调整视口

代码实例：

代码解析：由于使用不同设备打开网页时，宽度均有所不同，所以不能讲视口设置为固定值，应当为width=dev-width,即将视口设置为当前设备的宽度。

3. 确定设计图的最小字体

浏览器（部分）能够显示的最小字体未12px，当移动端页面宽度为320px时，要保证最小字体为12px，那么在1080px的设计图中，最小字体应当为42px。

代码实例：

4. 按照设计图的像素进行开发

按照正常网页开发流程，进行网页开发即可。

5. 使用百分比和rem替换px

代码效果对比：

.box {

float: left;

width: 658px;

font-size: 72px;

text-align: center;

line-height: 195px;

}/使用百分比和rem/

.box {

float: left;

width: 60.93%;

font-size: 1.71rem;

text-align: center;

line-height: 4.64rem;

}代码解析：

水平方向的值，将具体像素调整为百分比。百分比的计算是根据父级的内容区宽度进行计算的。

例如，父级宽度为1080px， 子级元素为197px，那么子元素转换为百分比为：197/1080=18.24%。需要注意的是百分比根据父级计算，当标签结构级别不同时，计算公式中的“分母”也有所不同，在开发时这个地方很容易出现问题，请务必注意。

垂直方向的值，将具体像素调整为rem，与水平方向相比，垂直方向的计算就比较简单。例如，行高为195px，HTML标签当前的字体大小为42px，将行高转换为rem单位，即195/42= 4. 64rem。