求教这个根据屏幕缩放窗口的怎么用

[Amy安]

	(function(win){
		var screenWidth = document.body.clientWidth;
		var html = document.getElementsByTagName('html')[0];
		html.style.fontSize = 10*screenWidth/320+'px';
	})(window);

在某个网页上找到的 那个页面除了一个css就只有在html里的这段了
css的我一点点删光了 根据屏幕缩放窗口的效果还有 应该就是依靠这个了
但是将其用在我的页面上就没有效果
求教这个怎么用

[天际的海浪]

这个只是改变页面文字的字体大小，别的并没有改变

[Amy安]

引用 1 楼 jslang 的回复:

这个只是改变页面文字的字体大小，别的并没有改变

引用 2 楼 showbo 的回复:

他这个直接设置根自体大小依据屏幕来得到，你的子元素不要设置font-size，要不会覆盖掉

这个只对文字生效吗。。我的网页是图文都有 求教这样的要怎么实现根据屏幕缩放

[斯洛文尼亚旅游]

他这个直接设置根自体大小依据屏幕来得到，你的子元素不要设置font-size，要不会覆盖掉

[Amy安]

我这个页面的话 文字缩放的要求不高 随机应变我改一下只要都看着还行就好 主要是图片要缩放 当然如果有图文都能的方法最好

[斯洛文尼亚旅游]

引用 3 楼 u014294325 的回复:

[quote=引用 1 楼 jslang 的回复:] 这个只是改变页面文字的字体大小，别的并没有改变

引用 2 楼 showbo 的回复:

他这个直接设置根自体大小依据屏幕来得到，你的子元素不要设置font-size，要不会覆盖掉

这个只对文字生效吗。。我的网页是图文都有 求教这样的要怎么实现根据屏幕缩放[/quote] 你这个代码只是控制了字体。你要适应不同屏幕，可以用css的media query功能（IE8-不支持），对不同分辨率写一套样式控制内容的显示和布局 http://www.cnblogs.com/asqq/archive/2012/04/13/2445912.html 通过@media screen控制网站在移动端显示

[天际的海浪]

引用 3 楼 u014294325 的回复:

[quote=引用 1 楼 jslang 的回复:] 这个只是改变页面文字的字体大小，别的并没有改变

引用 2 楼 showbo 的回复:

他这个直接设置根自体大小依据屏幕来得到，你的子元素不要设置font-size，要不会覆盖掉

这个只对文字生效吗。。我的网页是图文都有 求教这样的要怎么实现根据屏幕缩放[/quote] html5中让页面缩放的4种方法 1.viewport 这种方法，不是所有的浏览器都兼容 2.百分比 这种方法，可以兼容大部分浏览器，但是修改幅度比较大 .main .login .txt1{margin-top:8.59375%; position:relative;} 3.css transform 这种方法，可以兼容大部分浏览器，但是页面的位置是居中的 .w320 { transform: scale(1,1); -ms-transform: scale(1,1); /* IE 9 */ -webkit-transform: scale(0.8,0.8); /* Safari and Chrome */ } 4.使用响应式布局，但是这样的话得做两个两套界面 建议使用第2，4种