首先你要在html页面头部加上下面的代码viewportquot，不懂可以百度content=quot，一些小的模块可以用固定尺寸meta ， name=quot再就是css中要应用到媒体查询，不能不用固定尺寸lt，其次你要把页面中的宽度修改为百分比width=devicewidth ，也就是@mediainitialscale=1quot超文本标记语言，标准。

如果想要保持布局不变，可以给该元素如div设置最小宽度属性在网页中，如果一个元素没有设置最小宽度minwidth，这时当浏览器缩小到一定程度时，元素中的布局可能会发生变化设置代码如下lthtml lthead lttitle主页面lttitleltstylebody margin0px width1350px minwidth。

首先看你的背景图片大小，如果很大的话，一般情况下很多显示器都会显示的合适如果是想适应移动设备的，用一个CSS3属性 backgroundsizecover就可以了，可以将背景图根据窗口大小铺满整个浏览器窗口。

1使用百分比控制标签高宽以实现不同分辨率下显示比例的固定，但当分辨率变形到一定程度，或页面内容十分复杂时，仍然会影响到内容的排版 2使用javascript动态修改页面布局样式，对于简单的布局可以自写JS来调整，对于复杂的布局，可以考虑从网络上找一些具有该功能的JS+CSS前端框架套用。

你在布局的时候没有把DIV或者TABLE的宽设置固定值，因此DIV或TABLE都是自适应了，所以自适应，就是自适应浏览器的窗口大小，因此，当你把浏览器变大或者变小的话，网页内的内容宽度也会随之变宽变窄，这样子布局就非常容易乱如果你还是不大明白的话，你可以MAIL我。