实测发现的真正问题:uni-image 内部填充元素缺宽高100%,高度塌成0,导致列表图片不显示或溢出卡片,这才是"图片没适配"的根因,补全局样式修复;本HBuilderX版本把rpx编译成按加载视口生成的固定px,大于768px时框架已自带把基准锁在375的响应式机制,之前误用zoom反而二次缩小,已移除;宽屏居中改用 uni-page-body 宽750rpx加important与margin auto,覆盖框架默认宽100%,两侧露出底色;跨768阈值缩放窗口时重载一次,让px基准与视口一致;悬浮球宽屏阈值同步改为769;删除index.html里vite残留的module script(控制台报错)。 Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
20 lines
633 B
HTML
20 lines
633 B
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<script>
|
|
var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
|
|
CSS.supports('top: constant(a)'))
|
|
document.write(
|
|
'<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
|
|
(coverSupport ? ', viewport-fit=cover' : '') + '" />')
|
|
</script>
|
|
<title>质惠游</title>
|
|
<!--preload-links-->
|
|
<!--app-context-->
|
|
</head>
|
|
<body>
|
|
<div id="app"><!--app-html--></div>
|
|
</body>
|
|
</html>
|