屏幕自动适应怎么做到的?

Question

浏览器拉小会自动适应屏幕,图片是慢慢夹在出来的
地址是 http://www.songlipin.net/

Answer 1

写个window的onresize事件，js从新控制一下窗口的高度。改变css也行

Answer 2

window.onresize  = function(){...}

Answer 3

csdn好奇怪啊,昨天还7,8个回复呢,今天变成了两个

Answer 4

回头试一下 window的onresize事件

Answer 5

window.screen.width/.height：显示器大小(IE和FF通用)1440 * 900 –> 和浏览器是否全屏无关。    document.documentElement.clientHeight /clientWidth：浏览器可视窗口大小(IE和FF通用)：该值不受样式表制约，只会随浏览器窗口大小变化。这和 document.body.clientWidth 不一样。
    document.body.clientHeight : 文档高度(IE和FF通用)：和上面一样，只是取值对象改为BODY，当BODY中无内容时，IE下为18，FF为0.当有内容时，则IE值=FF值，此值和BODY中的内容有关，是所有元素高度的总和
    document.body.clientWidth : 文档宽度(IE和FF通用，FF会比IE取得值多2PX左右)：如IE 1440，FF：1442，此值和BODY中内容无关，但和样式有关，如样式声明body{width:98px}，则此值为98，当浏览器大小改变时，如不是全屏，此值也会跟着变化。
    document.documentElement.scrollLeft/scrollTop ：页面滚动后的左侧/顶端位置(IE和FF通用)。
    document.documentElement.scrollHeight / scrollWidth: 获取对象的滚动高/宽度(IE和FF通用但有差别) IE/FF差别在于当body总高度小于浏览窗口可见区高度时，IE的scrollHeight值为body实际高度，而FF为浏览器可见区的高度。如果body高度大于浏览器可见区，则二者没什么差别。
    document.documentElement.offsetHeight / offsetWidth:获取对象相对于版面或由父坐标offsetParent 属性指定的父坐标的宽/高度.(和上面功能类似且IE/FF通用，但差别正好相反)
        offsetHeight是指浏览器可见区的高度，而offsetWidth是指浏览器宽度，差别在于当body总高度低于浏览窗口可见区高度时，IE的 offsetHeight值仍为浏览器可见区的高度,而FF为body实际高度。如果body高度大于浏览器可见区，则二者没什么差别。
        注:document.body.offsetHeight 和 document.body.offsetWidth :这对和上面不同，对象为body，在FF/IE下的值都是body的高和宽。不受浏览器可视区影响。另外，当CSS有对BODY的宽做限制时，这时如果页面有一个div的宽超过这个值，则IE的document.body.clientWidth和offsetWidth等于那个DIV的宽，但FF则仍然保留CSS中对body宽界定的值。并且要注意的是：如果没有在CSS中对body定义了 body{margin:0px;width:1239px}，而这时有一个div的值超过了屏幕大小，比如1600px;那么在IE 中，document.body.offsetWidth/clientWidth或用document.documentElement等等都可以取到 body实际宽值为那个DIV的宽度，而FF则不论用什么，body值都是浏览器可视区的大小，不会按那个div的宽来计算。这时要用document.documentElement.scrollWidth（不能用body）来做为文本的宽度测量。而浏览器的可视宽度测量用document.documentElement.clientWidth。
        如下：function BrowserAndIEwidth() {
        var str2=”
        bodyWidth = document.documentElement.scrollWidth //这里不能用document.body.
        BrowserWidth = document.documentElement.clientWidth
        str1?