u014229472
lorcx935200
采纳率46.7%
2017-05-04 07:07 阅读 1.5k

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

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

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

2条回答 默认 最新

  • showbo GoCityPass新加坡曼谷通票 2017-05-04 07:51
    //这个就是客户端分辨率宽度,自己写代码进行调整
     var clientWidth=document[document.compatMode=='CSS1Compat'?'documentElement':'body'].clientWidth
    

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

    点赞 评论 复制链接分享
  • m0_38082783 Rattenking 2017-05-04 08:52

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

    点赞 评论 复制链接分享

相关推荐