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

发布网友发布时间：2023-11-19 04:10

共5个回答

热心网友时间：2024-11-03 05:13

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

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

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

热心网友时间：2024-11-03 05:13

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

热心网友时间：2024-11-03 05:14

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

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

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

热心网友时间：2024-11-03 05:14

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

热心网友时间：2024-11-03 05:15

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