Obsidian

网格布局 1fr 最小尺寸溢出与移动端自适应 (CSS Grid 1fr Minimum Size Blowout and Mobile Responsiveness)

1. 现象与症状 (Symptoms)在移动端或窄屏竖屏场景(如视口宽度 360px ~ 430px)下,基于 CSS 网格布局 (CSS Grid) 渲染的卡片列表出现严重横向溢出:卡片右侧边缘被视口硬生生裁切,右内边距 (padding-right) 和圆角不可见;容器产生非预期的水平滚动条(或者在 overflow-x: hidden 下直接截断右侧内容,需要横向拖拽才能阅读完整文本);即使

Obsidian

Playwright 网页截图模糊排查与超高清渲染 (Playwright High-DPI Screenshot)

1. 核心目标 (Goal)在使用 Playwright(Python / Node.js)将 HTML 网页或数据报表渲染并导出为长图(如海报、价格看板、分析报告)时,解决导出图片在手机端缩放、高分屏或社交软件中查看时出现的文字发虚、锯齿发蒙、分辨率低(Low Resolution)的问题,生成视网膜级别(Retina Display, 2x / 3x)的超清位图。2. 根因分析 (Root C