琴&
2019-01-19 11:46
采纳率: 75%
浏览 3.3k
已采纳

如何做到缩放页面,div元素始终自适应浏览器窗口的高?

这样为什么不行?

    var contactBd = document.getElementById('contact-bd');
    var contactBdHeight = contactBd.offsetHeight;

    if(contactBdHeight<document.documentElement.clientHeight)
    {
        contactBdHeight=document.documentElement.clientHeight;
    }
  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

3条回答 默认 最新

  • 天际的海浪 2019-01-19 14:06
    已采纳

    只要html,body和div 都设置 height: 100%;就可以始终自适应浏览器窗口的高度了,不需要js代码

    已采纳该答案
    评论
    解决 2 无用
    打赏 举报
  • 抱歉没有删帖功能 2019-01-19 12:00

    看不出你这段代码是在什么时候执行的。
    不过建议最好是放在window的onload事件里执行。

    1、不建议使用JS的方式来做这种自适应,毕竟HTML和CSS才是用来做布局的;只有在万不得已的情况下才会用JS来做布局处理。
    2、如果不考虑低端浏览器,像高度自适应的方式可以使用css flex布局来实现。此方案不兼容低端IE(11以下)浏览器;
    3、也可以使用body html 高度100% 等方式

    评论
    解决 无用
    打赏 举报
  • weixin_44575838 2019-01-19 12:39

    自适应使用百分比的宽度高度不要用绝对的宽度高度

    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题