边界半径和长方体阴影不能按预期工作
边界半径和长方体阴影不能按预期工作
提问于 2020-07-09 01:58:11
我在我的项目中使用了bootstrap-vue，并且使用了响应式网格。我对不同的视点使用了不同的cols大小。我有一个问题，添加背景，边界半径和方框阴影到<b-row>的内容，因为<b-row>的宽度大于所有列的宽度。所以我为每个专栏添加了背景，并且它工作得很好(我不确定这是不是正确的方法)。我使用相同的方法添加边界半径。它在小型设备中工作得很好，直到cols彼此堆叠。我不能让长方体阴影在任何尺寸的设备上工作。有没有什么方法可以将内容包装在<b-row>中，并将边框半径、框阴影和背景添加到包装器中。
示例https://codesandbox.io/s/intelligent-goldstine-wwpng?file=/src/components/HelloWorld.vue
回答 1
Stack Overflow用户
发布于 2020-07-09 02:45:07
您需要使用@media query解决您的问题。我建议避免使用内联样式。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/62800858
复制相关文章
相似问题
腾讯云开发者
