楼下正解，就是响应式布局（RWD），可以用一些自动实现的框架，比如bootstrap。原理我想就是动态css吧，有个东西叫less框架，可以去看看。应该无非就是用百分比代替写死的像素大小。
创新互联专注于企业成都全网营销推广、网站重做改版、威海网站定制设计、自适应品牌网站建设、HTML5建站、商城网站定制开发、集团公司官网建设、成都外贸网站制作、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为威海等各大城市提供网站开发制作服务。
像bootstrap 楼主你的body标签哪去了 窗口缩小登录部分就往下移 body可以加上的，现在主要是怎么能解决窗口缩小页面也缩小，不乱就行 拜托了。 左右结构，当浏览器宽度比那两个元素加起来的宽度还小时当然下去。
首先DIV居中，最好不要使用左边距来设置，margin：0 auto；即可让你的层居中，然后再对层的宽度进行定义，定义时请使用百分比进行，这样才能保证层能够随着浏览器大小而变化。
1、浏览器页面变小了是缩小的页面显示尺寸。 解决方法：打开浏览器，点击菜单栏上的“查看”；弹出下拉菜单选择“缩放”；弹出下级子菜单选择100%即可。
2、meta name=viewport content=width=device-width， initial-scale=0， user-scalable=no， minimum-scale=0， maximum-scale=0/ 上面的参数看名知意，按需修改。
3、可能是触摸屏有静电干扰，有类似于手指缩放的现象出现。
4、从此，您打开IE浏览器窗口，就直接能看到最大化的页面了。方法三：如果上述方法不灵，那可得修改计算机的注册表了。
5、你没有给元素写width值和height值吧，你如果不写的话它就会自适应浏览器的宽度和高度，当浏览器变窄变矮时它自然会这样啊，建议你给元素写上width和height值。
1、消除任意缩放浏览器窗口对网页的影响 一番辛苦做出来的网页，在全屏状态下浏览一切正常。但在改变浏览窗口大小之后，网页就变得不堪入目了，这是个很值得注意的问题。
2、新建一名称为“框架”的图层，利用该图层实际整个网页的整体布局。首先选择“矩形选择工具”，然后将矩形的宽度设置为1024，高度设置为80，在文档的上下两侧各框选一部分内容并填充为黑色，从而使整个网页呈现“宽屏幕”效果。
3、如果屏幕宽度在600像素到1300像素之间，则6张图片分成两行。
4、自然拉伸 如果你的网站结构没有用到大量的图形来衔接，主要由表格来定结构，那么你就可以使用该方法。非常适用于主要由表格、文字来表达信息的简单的网页页面。
5、，使用js根据屏幕分辨率来设置html宽度，不同的分辨率采用不同的html宽度。2，采用固定宽度。然后居中对齐或者左对齐或者右对齐。3，由用户选择或者调整宽度，让后记住该用户习惯，以后登录时直接读取前回设置的宽度。
6、样式margin： 0 auto；就可以自动居中了。\x0d\x0a采用百分比能够自动适应窗口，但不会小于页面元素中最宽的固定宽度。\x0d\x0a一般页面宽度可以设置为1002px。1024的分辨率下刚好满屏，不出现横向滚动条。
1、首先，在网页代码的头部，加入一行viewport元标签。
2、通过设置viewport参数 使用css3中的缩放 两种方法都需要获取当前屏幕大小然后根据网页宽度来计算缩放比例，然后进行缩放。但是因为目前手机种类繁多，浏览器种类也很多，所以每种方法各自都有不少的问题。
3、方法 为不同分辨率单独做样式文件，在页面头部用js判断分辨率后动态加载定义好的样式文件。样式文件命名格式如：forms[_屏幕宽度].css，样式文件中只需重新定义文本框和下拉框的宽度即可。
4、用JS调制屏幕大小。CSS 方面：去掉所有元素的外间距、内边距，html 和 body 宽高设为 100%，canvas 元素 display 设为 block。JS 方面：监听窗口的 resize 事件，在窗口大小改变的同时调整 canvas 的大小。
5、自然拉伸 如果你的网站结构没有用到大量的图形来衔接，主要由表格来定结构，那么你就可以使用该方法。非常适用于主要由表格、文字来表达信息的简单的网页页面。