我正在尝试设置页面样式,桌面运行良好,我的问题是移动视图。移动视图正在处理选定的组件,例如背景图像运行良好。
我想在移动视图上给这张卡一个宽度300px;
,但它不是在挑选,但是当我放置高度700px
或任何东西时它可以工作。正如您在屏幕截图中看到的那样,移动样式被取消,这意味着它没有被应用。
这是我的 CSS
@media only screen and (max-width: 600px) {
h3 {
font-size: 1.2em;
}
.ant-card {
margin: auto;
width: 300px;
}
.Background {
background-image: url(./images/mob.jpg);
background-size: cover;
text-align: center;
}
}
.ant-card {
margin: auto;
width: 400px;
}
有人看到我没看到的东西吗?