vue元件和頁面的高度根據螢幕大小自適應

網頁可見區域寬：document.body.clientwidth

網頁可見區域高：document.body.clientheight

網頁可見區域寬：document.body.offsetwidth (包括邊線的寬)

網頁可見區域高：document.body.offsetheight (包括邊線的寬)

1、data中定義clientheight變數：

data() 

}

2、實時改變clientheight的值：

mounted() )()}},

watch: , 400)}}
}

3、給需要自適應高度的div新增:style屬性：

<

div 
class
="review-options-details"
:style
="">
div>

vue元件頁面高度根據螢幕大小自適應

網頁可見區域寬 document.body.clientwidth 網頁可見區域高 document.body.clientheight 網頁可見區域寬 document.body.offsetwidth 包括邊線的寬 網頁可見區域高 document.body.offsetheight 包括邊線的...

vue元件頁面高度根據螢幕大小自適應

網頁可見區域寬 document.body.clientwidth 網頁可見區域高 document.body.clientheight 網頁可見區域寬 document.body.offsetwidth 包括邊線的寬 網頁可見區域高 document.body.offsetheight 包括邊線的...

Vue 實現大屏頁面的螢幕自適應

1.在配置檔案設定大屏設計的尺寸1920 1080 export default 大屏設計寬高 2.定義resetscreensize.js export function pageresize callback else var resizeevt orientationchange in win...