css - 如何根据 Vuetify 中的屏幕大小更改对齐方式?
问题描述
在我的应用程序中,我使用结束对齐按钮justify="end"
。如果屏幕较小(例如平板电脑),我想将其更改为居中对齐 - justify="center"
。
我的代码:
<template>
<v-row justify="end" >
<v-col cols="5">
<v-btn
to="/"
>Back</v-btn
>
</v-col>
</v-row>
</template>
我也尝试过使用类似这样的 css 样式,但它不起作用:
<style scoped>
@media (max-width: 800px) {
.justify{
justify: center;
}
}
</style>
解决方案
推荐阅读
- ios - 在 i OS swift 项目中包含 Rstudio 脚本
- spring-boot - Springboot ConstraintValidator not reading configurationProperties with MockitoJUnitRunner or SpringBoot
- c# - 在将数据保存在表中之前将公制千吨转换为公吨
- python - Python:从 igraph 文件中读取邻接矩阵
- unity3d - Unity 中是否存在多个 link.xml 文件冲突?
- angular - Settings statistics of users tracking at Angular 4
- python - 有没有一种简单的方法来解释必需参数和可选参数?Python
- vba - 为列中的值弹出 VBA 警报
- spring - Spring 5.x 中 ContextSingletonBeanFactoryLocator 的替代品是什么?
- spring - 休息时使用 post 或 delete 的哪个 crud 操作?