首頁(yè) 猿問(wèn) 如何做到縮放頁(yè)面，div元素始終自...

如何做到縮放頁(yè)面，div元素始終自適應(yīng)瀏覽器窗口的高？

JavaScript

ibeautiful 2019-04-25 18:19:59

這樣為什么不行？ var contactBd = document.getElementById('contact-bd'); var contactBdHeight = contactBd.offsetHeight; if(contactBdHeight<document.documentElement.clientHeight) { contactBdHeight=document.documentElement.clientHeight; }

查看完整描述

3 回答

慕容森

TA貢獻(xiàn)1853條經(jīng)驗(yàn) 獲得超18個(gè)贊

只要html,body和div 都設(shè)置 height: 100%;就可以始終自適應(yīng)瀏覽器窗口的高度了，不需要js代碼

反對(duì) 回復(fù) 2019-05-12

叮當(dāng)貓咪

TA貢獻(xiàn)1776條經(jīng)驗(yàn) 獲得超12個(gè)贊

看不出你這段代碼是在什么時(shí)候執(zhí)行的。
不過(guò)建議最好是放在window的onload事件里執(zhí)行。

1、不建議使用JS的方式來(lái)做這種自適應(yīng)，畢竟HTML和CSS才是用來(lái)做布局的；只有在萬(wàn)不得已的情況下才會(huì)用JS來(lái)做布局處理。
2、如果不考慮低端瀏覽器，像高度自適應(yīng)的方式可以使用css flex布局來(lái)實(shí)現(xiàn)。此方案不兼容低端IE(11以下)瀏覽器；
3、也可以使用body html 高度100% 等方式

反對(duì) 回復(fù) 2019-05-12