本篇文章為大家展示了bootstrap中如何實現自適應高度，內容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

成都創(chuàng)新互聯主要從事做網站、成都做網站、網頁設計、企業(yè)做網站、公司建網站等業(yè)務。立足成都服務沁縣,10余年網站建設經驗,價格優(yōu)惠、服務專業(yè),歡迎來電咨詢建站服務:028-86922220

首先我們在頁面頭部引用一段JS

js代碼片段如下：

var iScale = 1;iScale = iScale / window.devicePixelRatio;  document.write('') var iWidth = document.documentElement.clientWidth;document.getElementsByTagName('html')[0].style.fontSize = iWidth / 16 + 'px';

注意：要在文檔加載前引入，否則不生效。

當引入成功后就可以看到文檔html元素上會出現font-size屬性。

其次就是css我們要用less撰寫，主要是less有計算功能，關于less使用，請參考less官網。

less計算樣式代碼段：

@s:46.875rem;@color:~"div[class^='col']";@{color}{    background: #999;    height: 200/@s;  }

如上代碼表示將.color類添加了100像素的高度，那么計算出來，當然200像素就直接200/@s; 就可以了。  變量的值不固定，是動態(tài)計算出來的字體大小，值的大小根據實際設計圖的尺寸計算。

上述內容就是bootstrap中如何實現自適應高度，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注創(chuàng)新互聯行業(yè)資訊頻道。

網頁題目：bootstrap中如何實現自適應高度-創(chuàng)新互聯
當前網址：http://weahome.cn/article/codigc.html