bingshuo
/
zhizhi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: address code review - restore zoom accessibility, use CSS var for viewport height, debounce resize 

Co-authored-by: qinfendebingshuo <207279273+qinfendebingshuo@users.noreply.github.com>
This commit is contained in:
copilot-swe-agent[bot] 2026-03-07 11:34:24 +00:00
parent a015a3a003
commit 6ef51c01d0
1 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
docs/index.html
View File

@ -3,7 +3,7 @@
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, viewport-fit=cover">
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
@ -47,7 +47,7 @@ html,body{height:100%;background:var(--bg);color:var(--text);font-family:-apple-
#id-preview{display:none;text-align:center;margin-bottom:10px;padding:10px;background:var(--s3);border-radius:8px;font-size:14px;font-weight:600}
/* ─── APP SHELL (three-column) ─── */
#app{display:none;height:100vh;height:100dvh;width:100%;overflow:hidden}
#app{display:none;height:100vh;height:100dvh;height:var(--vh,100dvh);width:100%;overflow:hidden}
#app.on{display:flex;flex-direction:column}
/* ─── LEFT SIDEBAR ─── */
@ -2106,14 +2106,18 @@ window.addEventListener('resize', function(){
// MOBILE: VIEWPORT HEIGHT FIX & KEYBOARD HANDLER
// ═══════════════════════════════════════════════════════
(function(){
// Fix iOS/Android virtual keyboard pushing content
// Fix iOS/Android virtual keyboard pushing content via CSS custom property
if(window.visualViewport){
var appEl=document.getElementById('app');
var raf=0;
window.visualViewport.addEventListener('resize',function(){
if(appEl && appEl.classList.contains('on')){
appEl.style.height=window.visualViewport.height+'px';
scrollB();
}
cancelAnimationFrame(raf);
raf=requestAnimationFrame(function(){
var appEl=document.getElementById('app');
if(appEl && appEl.classList.contains('on')){
appEl.style.setProperty('--vh',window.visualViewport.height+'px');
scrollB();
}
});
});
}
// Close sidebar on any outside tap (mobile)