fix: footer 改用 min-height:60vh 方案(放弃flex sticky)

This commit is contained in:
2026-05-17 01:01:53 +08:00
parent 221fb46dc4
commit 2353373467
+3 -9
View File
@@ -1,6 +1,6 @@
/* /*
Theme Name: 空笺未寄 Theme Name: 空笺未寄
Version: 0.14.6 Version: 0.14.7
Requires at least: 6.0 Requires at least: 6.0
Requires PHP: 7.4 Requires PHP: 7.4
License: MIT License: MIT
@@ -24,7 +24,6 @@ Text Domain: kj-weji
--topbar-height: 64px; --topbar-height: 64px;
} }
* { margin:0; padding:0; box-sizing:border-box; } * { margin:0; padding:0; box-sizing:border-box; }
html, .platform { height: 100%; }
body { body {
font-family: "Source Han Serif SC", "STSong", "Songti SC", "PingFang SC", "Microsoft YaHei", Georgia, serif; font-family: "Source Han Serif SC", "STSong", "Songti SC", "PingFang SC", "Microsoft YaHei", Georgia, serif;
background-color: #f0ece3; background-color: #f0ece3;
@@ -33,10 +32,6 @@ Text Domain: kj-weji
radial-gradient(ellipse at 80% 20%, rgba(160, 140, 110, 0.05) 0%, transparent 50%); radial-gradient(ellipse at 80% 20%, rgba(160, 140, 110, 0.05) 0%, transparent 50%);
color: var(--ink); color: var(--ink);
line-height: 1.8; line-height: 1.8;
display: flex;
flex-direction: column;
min-height: 100vh;
padding: 0;
} }
.platform { .platform {
width: 100%; width: 100%;
@@ -83,7 +78,7 @@ Text Domain: kj-weji
content:''; position:absolute; bottom:-4px; left:50%; transform:translateX(-50%); content:''; position:absolute; bottom:-4px; left:50%; transform:translateX(-50%);
width:4px; height:4px; background:var(--cinnabar); border-radius:50%; width:4px; height:4px; background:var(--cinnabar); border-radius:50%;
} }
.main-content { flex: 1; padding: calc(var(--topbar-height) + 24px) 20px 40px; } .main-content { padding: calc(var(--topbar-height) + 24px) 20px 40px; min-height: 60vh; }
/* 首页 */ /* 首页 */
.hero { text-align:center; padding:48px 20px 32px; } .hero { text-align:center; padding:48px 20px 32px; }
@@ -213,7 +208,7 @@ Text Domain: kj-weji
.profile-tabs span { cursor:pointer; color:var(--ink-lighter); letter-spacing:0.08em; padding-bottom:6px; border-bottom:2px solid transparent; transition:all 0.25s; } .profile-tabs span { cursor:pointer; color:var(--ink-lighter); letter-spacing:0.08em; padding-bottom:6px; border-bottom:2px solid transparent; transition:all 0.25s; }
.profile-tabs span:hover, .profile-tabs span.active { color:var(--cinnabar); border-bottom-color:var(--cinnabar); } .profile-tabs span:hover, .profile-tabs span.active { color:var(--cinnabar); border-bottom-color:var(--cinnabar); }
.footer { margin-top: auto; text-align:center; padding:24px 40px; border-top:1px solid var(--border-light); font-size:12px; color:var(--ink-lighter); letter-spacing:0.1em; font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif; } .footer { text-align:center; padding:24px 40px; border-top:1px solid var(--border-light); font-size:12px; color:var(--ink-lighter); letter-spacing:0.1em; font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif; }
.footer .motto { margin-bottom:6px; color:var(--ink-light); font-family:"Noto Serif SC","Source Han Serif SC",serif; } .footer .motto { margin-bottom:6px; color:var(--ink-light); font-family:"Noto Serif SC","Source Han Serif SC",serif; }
@media (max-width:720px){ @media (max-width:720px){
@@ -259,7 +254,6 @@ Text Domain: kj-weji
/* WP wrapper — ensure full width in body flex container */ /* WP wrapper — ensure full width in body flex container */
.site { .site {
width: 100%; width: 100%;
height: 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
} }