Fix ultrawide 1600px cap when Windows display scaling shrinks viewport.

Trigger on 21:9 aspect ratio only, without min-width 1601, so scaled fish-eye monitors still get 1600px container.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-08-23 08:32:09 +08:00
parent 625eabb15c
commit 81654c8dd8
3 changed files with 10 additions and 5 deletions
+8 -3
View File
@@ -165,9 +165,14 @@
.panel-scroll,.pos-list{max-height:420px}
.records-card .table-wrap{max-height:620px;overflow:auto}
}
/* 带鱼屏(宽高比≥21:9):整页固定 1600 居中;普通宽屏仍用 min(1840px,96vw) */
@media (min-aspect-ratio: 21/9) and (min-width: 1601px) {
.container{max-width:1600px;width:100%}
/* 带鱼屏(宽高比≥21:9):整页固定 1600 居中;不依赖 2000px 视口(避免 Win 缩放后失效) */
@media (min-aspect-ratio: 21/9) {
.container{
width:100%;
max-width:min(1600px, calc(100vw - 24px));
margin-left:auto;
margin-right:auto;
}
}
@media (min-width: 2560px){
.dual-panel-grid{gap:18px}
+1 -1
View File
@@ -7,7 +7,7 @@
<script src="/static/autofill_guard.js?v=1"></script>
<link rel="stylesheet" href="/static/instance_theme_early.css?v=4">
<link rel="stylesheet" href="/static/account_risk_badge.css?v=4">
<link rel="stylesheet" href="/static/instance_page.css?v=19">
<link rel="stylesheet" href="/static/instance_page.css?v=20">
<link rel="stylesheet" href="/static/instance_theme.css?v=124">
<script src="/static/account_risk_badge.js?v=4"></script>
<script src="/static/open_submit_gate.js?v=1"></script>
+1 -1
View File
@@ -18,7 +18,7 @@
<link rel="apple-touch-icon" href="/static/icons/apple-touch-icon.png">
<link rel="manifest" href="/static/icons/manifest.webmanifest">
<title>{{ pwa_app_name }}</title>
<link rel="stylesheet" href="/static/instance_page.css?v=19">
<link rel="stylesheet" href="/static/instance_page.css?v=20">
<link rel="stylesheet" href="/static/instance_theme.css?v=118">
</head>