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

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

120
public/blog/index.php Executable file
View File

@@ -0,0 +1,120 @@
<html>
<head>
<title>首页 | ww3</title>
<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">
</head>
<body>
<div id="black_block">
<div id="navbar1">
<table border="0" style="background-color: rgba(147, 185, 255, 0.644);">
<tbody>
<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/about/" id="url_">关于</a></b></td>
<td id="td_navbar_75px"><b><a href="https://ww3.tw/jumping-message/" id="url_">弹幕留言</a></b></td>
<td id="td_navbar_75px"><b><a href="https://ww3.tw/short-url/" id="url_">短链生成</a></b></td>
<td id="td_navbar_52px"><b><a href="https://gitea.ww3.tw/skimrme/" id="url_">gitea</a></b></td>
<td id="td_navbar_135px"><b><a href="https://ww3.tw/docker-registry/" id="url_">docker-registry</a></b></td>
<td id="td_navbar_40px"><b><a href="https://ww3.tw/api/" id="url_">api</a></b></td>
<td id="td_navbar_40px"><b><a href="https://wiki.ww3.tw/" id="url_">wiki</a></b></td>
</tr>
</tbody>
</table>
</div>
<br>
<!-- 屑站日志 -->
<div id="logs">
<h3>屑站日志:<br></h3>
<font size="3.2">
<table border="0">
<tbody>
<tr>
<td id="td_logs">2025.07.26</td>
<td id="td_logs_content">新增<a href="https://wiki.ww3.tw">wiki</a>页面</td>
</tr>
<tr>
<td id="td_logs">2025.07.20</td>
<td id="td_logs_content">新增<a href="https://gitea.ww3.tw/skimrme">gitea</a><a href="https://ww3.tw/docker-registry/">docker-registry</a>页面</td>
</tr>
<tr>
<td id="td_logs">2025.07.09</td>
<td id="td_logs_content">建立页面</td>
</tr>
</tbody>
</table>
</font>
</div>
<!-- 屑站日志 -->
<div id="js_date"></div>
<script>
</script>
</div>
</body>
</html>
<?php
include "../static/html/black-block.html";
?>
<style>
body
{
background-color: rgba(147, 185, 255, 0.644);
}
#url_
{
text-decoration: none;
color: rgb(0, 0, 0);
}
#logs
{
height: 220px;
width: 450px;
overflow: auto;
background: #ffffffbc;
/* up、right、down、left */
margin: 40px 0px 0px 0px;
}
#td_navbar_40px
{
width: 40px;
}
#td_navbar_52px
{
width: 52px;;
}
#td_navbar_75px
{
width: 75px;
}
#td_navbar_135px
{
width: 135px;
}
#td_logs
{
width: 75px;
padding-bottom: 5px;
}
#td_logs_content
{
color: rgb(132, 132, 132);
padding-left: 10px;
padding-bottom: 5px;
}
#js_date{
color: rgb(55, 0, 255);
font-size: 200%;
}
</style>