Vue.js 屏幕尺寸響應性

Question

我給組件留了margin-left，因為我的側邊欄也阻止了“角色”和表格。

當屏幕小於 992 時，如何將我的表格向右移動？ 我希望它能夠響應所有屏幕尺寸，並且我正在使用 Bootstrap vue。

Answer 1

好吧，您可以使用媒體查詢，如果屏幕為 992 像素或更小，則該查詢將運行

@media only screen and (max-width: 992px){
  .my-table{
    // css 
 }
}

但如果您使用的是 bootstrap-vue，您也可以傳遞“響應式”道具。

 <b-table responsive hover striped :items="items" class="position-relative"></b-table>