项目列表:真正的移动端适配
This commit is contained in:
parent
7101e6006b
commit
023f8f94b2
|
|
@ -746,20 +746,7 @@ onLoad(() => {
|
||||||
gap: 16px;
|
gap: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 移动端适配 */
|
|
||||||
@media (max-width: 768px) {
|
|
||||||
.project-container {
|
|
||||||
grid-template-columns: repeat(2, 1fr);
|
|
||||||
gap: 12px;
|
|
||||||
padding: 12px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 480px) {
|
|
||||||
.project-container {
|
|
||||||
grid-template-columns: 1fr;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.project-card {
|
.project-card {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user