feat 頂欄 992px 以下改漢堡選單,以上維持橫向與右側飛出子選單

This commit is contained in:
2026-05-16 18:35:01 +08:00
parent ab1d2b6d50
commit ceef799f79
3 changed files with 264 additions and 22 deletions
+16 -1
View File
@@ -1,5 +1,20 @@
/* iPad/平板 RWD — max-width ≤1180px(含 iPad 直/橫與小平板/小筆電) */
/* 頂欄漢堡:與 style.css 992 斷點一致,避免本檔 1180 規則把選單列壓回橫排 */
@media (max-width: 991px) {
.portal-nav>ul {
flex: 1 1 100%;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
}
.portal-nav>ul>li>a {
flex-direction: row;
}
}
@media (max-width: 1180px) {
html:has(.portal-nav) {
@@ -45,7 +60,7 @@
justify-content: center;
}
nav ul {
nav:not(.portal-nav):not(.bilivideo-episode-nav) ul {
gap: clamp(12px, 2vw, 20px);
}