Просмотр исходного кода

fix: aspect-ratio:1 for true square at any screen width

nonvioce 3 месяцев назад
Родитель
Сommit
ff00b1a2e1
2 измененных файлов с 3 добавлено и 3 удалено
  1. 1 1
      app/src/main/assets/console.css
  2. 2 2
      app/src/main/assets/console.js

+ 1 - 1
app/src/main/assets/console.css

@@ -1419,8 +1419,8 @@ body {
     margin: 12px auto;
     padding: 10px;
     width: 524px;
-    height: 524px;
     max-width: 100%;
+    aspect-ratio: 1;
     box-sizing: border-box;
     background: #FCFDFE;
     border: 2px solid #B0BEC5;

+ 2 - 2
app/src/main/assets/console.js

@@ -526,8 +526,8 @@ class SymjaConsole {
         const dpr = window.devicePixelRatio || 1;
         canvas.width = 500 * dpr;
         canvas.height = 500 * dpr;
-        canvas.style.width = '500px';
-        canvas.style.height = '500px';
+        canvas.style.width = '100%';
+        canvas.style.height = '100%';
         container.appendChild(canvas);
 
         // 长按保存(单指静止800ms触发)