再次完善页面缩放比例问题,放大了也不会发生奇怪的错位了

This commit is contained in:
skimrme
2025-07-27 20:49:18 +08:00
parent 3ee0131b0e
commit 8f6e09cf0f
4 changed files with 29 additions and 7 deletions

View File

@@ -2,11 +2,13 @@
<head> <head>
<title>首页 | ww3</title> <title>首页 | ww3</title>
<meta charset="utf-8" lang="zh-CN"> <meta charset="utf-8" lang="zh-CN">
<meta name="viewport" content="width=1366px, initial-scale=1.0"> <!-- 页面等比例缩小 -->
<link rel="icon" type="image/x-icon" href="./icon/original.ico"> <link rel="icon" type="image/x-icon" href="./icon/original.ico">
</head> </head>
<body> <body>
<div id="black_block">
<div id="navbar1"> <div id="navbar1">
<table border="0"> <table border="0" style="background-color: rgba(147, 185, 255, 0.644);">
<tbody> <tbody>
<tr> <tr>
<td id="td_navbar_40px"><b><a href="https://ww3.tw/" id="url_">首页</a></b></td> <td id="td_navbar_40px"><b><a href="https://ww3.tw/" id="url_">首页</a></b></td>
@@ -21,6 +23,7 @@
</tbody> </tbody>
</table> </table>
</div> </div>
<br>
<!-- 屑站日志 --> <!-- 屑站日志 -->
<div id="logs"> <div id="logs">
<h3>屑站日志:<br></h3> <h3>屑站日志:<br></h3>
@@ -47,9 +50,14 @@
<div id="js_date"></div> <div id="js_date"></div>
<script> <script>
</script> </script>
</div>
</body> </body>
</html> </html>
<?php
include "../static/html/black-block.html";
?>
<style> <style>
body body
{ {
@@ -59,7 +67,7 @@
#url_ #url_
{ {
text-decoration: none; text-decoration: none;
color: black; color: rgb(0, 0, 0);
} }
#logs #logs
@@ -67,7 +75,7 @@
height: 220px; height: 220px;
width: 450px; width: 450px;
overflow: auto; overflow: auto;
background: #ffffff; background: #ffffffbc;
/* up、right、down、left */ /* up、right、down、left */
margin: 40px 0px 0px 0px; margin: 40px 0px 0px 0px;
} }

View File

@@ -98,7 +98,7 @@
right: 0; right: 0;
bottom: 0; bottom: 0;
/* 页面边距 上、右、下、左 */ /* 页面边距 上、右、下、左 */
margin: -30% 0px 0px 36.8%; margin: 4% 0px 0px 36.8%;
} }
#back_url #back_url

View File

@@ -2,10 +2,10 @@
#message_block #message_block
{ {
background-color: rgba(0, 0, 0, 0.68); background-color: rgba(0, 0, 0, 0.68);
width: 85%; position: fixed;
width: 1150px;
height: 100%; height: 100%;
margin: auto; margin: auto;
position: absolute;
top: 0; top: 0;
left: 0; left: 0;
right: 0; right: 0;

View File

@@ -0,0 +1,14 @@
<style>
#black_block
{
background-color: rgba(0, 0, 0, 0.68);
position: fixed;
width: 1150px;
height: 100%;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
</style>