问Vue.js屏幕尺寸响应性
EN

Stack Overflow用户

提问于 2021-12-28 18:44:46

回答 1查看 604关注 0票数 1

我给我的组件留出了空白，因为我的侧边栏也阻塞了“角色”和桌子。

当屏幕小于992时，如何将我的桌子向右移动？我希望它能够响应所有屏幕大小，我正在使用Bootstrap。

回答已采纳

发布于 2021-12-28 19:08:31

您可以使用一个媒体查询，如果屏幕为992px或更少，则可以使用

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

但是，如果您使用的引导-vue，您也可以通过‘响应’道具。

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

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/70511240

复制

相似问题

问Vue.js屏幕尺寸响应性EN