From bc419d631d95c0981eb68a56cd29709c1fefc20d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E4=BA=8C=E5=8F=89=E6=A0=91=E6=A0=91?= Date: Sat, 24 Jan 2026 22:33:14 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96=E7=A7=BB=E5=8A=A8?= =?UTF-8?q?=E7=AB=AF=E8=83=8C=E6=99=AF=E5=9B=BE=E6=98=BE=E7=A4=BA=E5=B9=B6?= =?UTF-8?q?=E6=9B=B4=E6=96=B0=E9=80=9A=E7=9F=A5=E5=86=85=E5=AE=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 为移动端浏览器添加 will-change 和 transform 属性,防止动态 URL 栏导致的背景跳动 - 在站点通知中添加关于背景图缩放问题的反馈提示 --- src/config.ts | 2 +- src/layouts/Layout.astro | 3 +++ 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/src/config.ts b/src/config.ts index c11849bdc..9fee53930 100644 --- a/src/config.ts +++ b/src/config.ts @@ -14,7 +14,7 @@ import { LinkPreset } from "./types/config"; export const noticeConfig: NoticeConfig = { enable: true, level: "warning", - content: "请注意,该博客对于每篇文章都是有评论区的,在确保你的网络可以访问 giscus.app 的情况下,如果你看不到或者必须手动刷新后才能看见,请反馈。", + content: "请注意,该博客对于每篇文章都是有评论区的,在确保你的网络可以访问 giscus.app 的情况下,如果你看不到或者必须手动刷新后才能看见,请反馈。
另外,如果你遇到了背景图被缩放的Bug,也请反馈。", }; export const siteConfig: SiteConfig = { diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index 1ff1abdaf..d3bea5fd1 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -218,6 +218,9 @@ const bannerOffset = pointer-events: none; z-index: -1; transition: opacity 0.3s ease-in-out; + /* Prevent background jump on mobile browsers with dynamic URL bars */ + will-change: transform; + transform: translateZ(0); } #bg-box.loaded {