页面调低分辨率后导致内容错误,如何用js按分辨率缩放页面

页面从1024*768调成 800*600 ,登录的输入框也背景错位。能不能用js根据分辨率自动调整。

//这个就是客户端分辨率宽度,自己写代码进行调整
 var clientWidth=document[document.compatMode=='CSS1Compat'?'documentElement':'body'].clientWidth

如果不考虑ie8-,可以用css3的media query,不同分辨率启用不用样式调整显示效果
http://www.w3cplus.com/content/css3-media-queries

如果不考虑IE8以下的浏览器,建议直接采用css3的background-size属性
如果考虑IE8以下的浏览器,就只能通过js来获取客户端分辨率,然后再设置背景的宽高
我很少见到在1024*768和800*600分辨率下会使用IE浏览器的用户,所以个人推荐采用css3的属性,方便,快捷。移动端大多数浏览器都兼容该属性。