From 465bae26315b619e30a2d59b10296c0013c560ec Mon Sep 17 00:00:00 2001
From: 朱浩东 <1359924757@qq.com>
Date: 星期五, 20 六月 2025 18:05:19 +0800
Subject: [PATCH] 修改适配屏幕和正常1080p的页面
---
local/www/clock/clock.html | 41 +++++++++++++++++++++++++----------------
1 files changed, 25 insertions(+), 16 deletions(-)
diff --git a/local/www/clock/clock.html b/local/www/clock/clock.html
index 769147b..2077ba7 100644
--- a/local/www/clock/clock.html
+++ b/local/www/clock/clock.html
@@ -9,22 +9,7 @@
<link rel="stylesheet" href="style.css">
<style>
- @media only screen and (max-width:1280px){
- .clock{
- margin-top: 28px;
- }
- .clock .divider {
- font-size: 24px;
- line-height: 35px;
- }
- .clock .flip{
- width: 24px;
- height: 35px;
- font-size: 24px;
- position: relative;
- line-height: 35px;
- }
- }
+
</style>
</head>
<body>
@@ -59,6 +44,30 @@
</div>
<script src="script.js"></script>
+<script inline="javascript">
+ if(screen.width == 1280){
+ var clock = document.getElementsByClassName("clock");
+ for(var i=0;i<clock.length;i++){
+ clock[i].style.marginTop = "28px";
+ }
+
+ var divider = document.getElementsByClassName("divider");
+ for(var i=0;i<divider.length;i++){
+ divider[i].style.fontSize = "24px";
+ divider[i].style.lineHeight = "35px";
+ }
+
+
+ var flip = document.getElementsByClassName("flip");
+ for(var i=0;i<flip.length;i++){
+ flip[i].style.width = "24px";
+ flip[i].style.height = "35px";
+ flip[i].style.position = "relative";
+ flip[i].style.fontSize = "24px";
+ flip[i].style.lineHeight = "35px";
+ }
+ }
+</script>
</body>
</html>
\ No newline at end of file
--
Gitblit v1.9.3