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

Question

网站一般都是用什么方法解决这一问题的？

Answer 1

一般的解决方案。采用定长定宽的布局。规划好页面的各部分元素大小。精确到px。然后整体居中，两侧留白。这样分辨率不一样，只会影响留白部分的大小。居中部分在各分辨率下显示效果一致。

另一种解决方案比较少用。就是采用流式布局。页面的各部分都是按照百分比去设置的。这样分辨率不一样的情况下。效果都是一致的。但是比较难以掌控。编码难度大，测试困难。因此较少采用。

另外，针对不同移动设备下，不同分辨率通常采用服务端判断设备类型，然后加载相应css去实现不同设备访问自适应。

Answer 2

网站对应分辨率适应一般有两种方法：
1.固定宽度，你可以去看看，目前网上主流的网站都是固定一个宽度范围的，目前主流宽度是960px、1002px。你可以到百度统计工具里面看看，目前主流分辨率，根据这个你可以确定固定布局的宽度。
2.自适应布局，就是布局使用百分百来定宽高、它会根据浏览器的分辨率大小自动适应屏幕，不过对技术要求和布局计算会高点。
大概就是这些了，还有一些流动布局，就是瀑布流的，也分固定式瀑布流和自适应瀑布流。
总体来说就是上面说的两种，希望帮到你！！！！！！！！！！！！！

Answer 3

我知道你是什么意识 呵呵 同行哈 以前我学的时候也郁闷 的 其实就下面两个东西 。你需要的应该是第二个吧 第一个你也了解下 或许对你有帮助

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

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

Answer 4

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

Answer 5

一般使用居中就ok了 然后就是宽度设置合适 其实和表格的使用是一样的 区别不大 最好先建立一个大的底层 定位大的底层的位置居中 然后将其他的层按照底层定位就ok了