Firefox以外のブラウザだとスクロールバーの分だけ横にはみ出してしまうので100vwではなく100%を用いる

yuma140902 · Dec 28, 2023 · 572bd4b · 572bd4b
1 parent 901d4e3
commit 572bd4b
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/style.css b/src/style.css
@@ -330,7 +330,7 @@ h2.ui-icon-text > .material-symbols-rounded {
   background: color-mix(in srgb, var(--color-header) 30%, transparent);
   border-bottom: solid 1px color-mix(in srgb, var(--color-header) 45%, transparent);
   height: var(--header-height);
-  width: 100vw;
+  width: 100%;
   z-index: 99999;
   padding-right: var(--ui-interval-small);
   padding-left: var(--ui-interval-small);
@@ -351,7 +351,7 @@ h2.ui-icon-text > .material-symbols-rounded {
 
 #header-dummy {
   height: var(--header-height);
-  width: 100vw;
+  width: 100%;
   z-index: -100;
 }