スマホでのレイアウトのバグを修正

neknaj · Jul 7, 2024 · b212ea5 · b212ea5
1 parent d7acf4e
commit b212ea5
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -78,10 +78,10 @@
             }));
             setInterval(() => {
                 table.style.setProperty('--periodictable-fontsize',
-                    (table.getBoundingClientRect().width/periodicTable[0].length/2)+"px"
+                    (table.parentElement.getBoundingClientRect().width/periodicTable[0].length/2)+"px"
                 );
             }, 10);
-            return elm("div",{class:"center"},[table]);
+            return elm("div",{class:"center",id:"tablearea"},[table]);
         },
         input: ()=>{return elm("div",{tabIndex:1,class:["inputarea"]},[
             elm("div",{class:["inputelm"]},[
@@ -306,7 +306,7 @@
 .periodic {
     padding: 10px;
     table-layout: fixed;
-    width: fit-content;
+    width: 100%;
     height: fit-content;
     & td {
         font-size: var(--periodictable-fontsize);