添加页面等比例缩放

2025-07-26 20:07:01 +08:00
parent 11b8592abf
commit 3ee0131b0e
1 changed files with 9 additions and 20 deletions
--- a/public/message/index.php
+++ b/public/message/index.php
@@ -1,6 +1,7 @@
 <html>
    <head>
        <meta charset="utf-8" lang="zh-CN">
+        <meta name="viewport" content="width=1366px, initial-scale=1.0"> <!-- 页面等比例缩小 -->
        <link rel="stylesheet" type="text/css" href="./static/css/navbar/body_color.css">
        <link rel="icon" type="img/icon" href="./static/icon/original.ico">
    </head>
@@ -62,7 +63,6 @@
    color: rgb(255, 74, 74);
    text-align: left;
    font-size: 18px;
-
 }

 #message_video
@@ -70,30 +70,19 @@
    background-color: rgba(0, 0, 0, 0);
    color: white;
    text-align: center;
-    width: 60%;
-    height: 69%;
-    margin: auto;
-    top: 22%;
-    left: 0;
-    right: 0;
-    bottom: 0;
+    width: 700px;
+    height: 410px;
    /*  页面边距 上、右、下、左 */
    margin: 1.89% 0px 0px 0%;
 }

 #message_com
 {
-    background-color: rgba(255, 255, 255, 0);
-
-    width: 33%;
-    height: 69%;
-    margin: auto;
-    top: 22%;
-    left: 0;
-    right: 0;
-    bottom: 0;
+    background-color: rgba(0, 0, 0, 0);
+    width: 360px;
+    height: 410px;
    /*  页面边距 上、右、下、左 */
-    margin: -38.4% 0px 0px 63.8%;
+    margin: -405px 0px 0px 63.8%;
 }


@@ -140,8 +129,8 @@ function push_message() {

 </script>
 <script>
-// 这是你的 API 地址，请确保它是正确的
-const API_URL = 'https://api.ww3.tw/danmu/index.php'; 
+const API_URL = 'https://api.ww3.tw/danmu/get.php';  //连接api的地址
+
 // 使用 DOMContentLoaded 事件，确保页面 HTML 结构加载完成后再执行 JavaScript
        document.addEventListener('DOMContentLoaded', async () => {
            // 获取用于显示内容的 <pre> 元素