12.CSS布局篇之響應(yīng)式——vw/vh

網(wǎng)頁視口尺寸

window.screen.height //屏幕高度,667

window.innerHeight //網(wǎng)頁視口高度,553

document.body.clientHeight //body高度,網(wǎng)頁內(nèi)容的高度根據(jù)網(wǎng)頁內(nèi)容決定

vh網(wǎng)頁視口高度的1/100

vw網(wǎng)頁視口寬度1/100

vmax取兩者(vh/vw)最大值

vmin取兩者(vh/vw)最小值

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • HTML 1.如何理解HTML語義化? 增加代碼可讀性;讓搜索引擎更容易讀懂(SEO) 2.默認(rèn)情況下,哪些是塊級...
    loushumei閱讀 312評論 0 0
  • 首先兩種的方式的解決問題是不一樣的。 寬度自適應(yīng) 是為了解決如何才能在不同大小的設(shè)備上呈現(xiàn)相同的網(wǎng)頁。手機的屏幕比...
    yuhuan121閱讀 2,796評論 0 2
  • 視口單位(Viewport units) 什么是視口? 在桌面端,視口指的是在桌面端,指的是瀏覽器的可視區(qū)域;而在...
    97年的程序媛閱讀 671評論 0 0
  • 實現(xiàn)不同屏幕分辨率的終端上瀏覽網(wǎng)頁的不同展示方式。通過響應(yīng)式設(shè)計能使網(wǎng)站在手機和平板電腦上有更好的瀏覽閱讀體驗。 ...
    Joel_zh閱讀 437評論 0 0
  • ??響應(yīng)式開發(fā)的本質(zhì)是針對多種屏幕做適配,首先需要掌握幾個基本概念: 物理像素:設(shè)備的屏幕實際像素點,如常說的 i...
    hvkcoder閱讀 1,933評論 0 4

友情鏈接更多精彩內(nèi)容