知鸦日报2025-10-01

设置<img>标签的sizes属性可优化图片加载，避免浪费带宽。即使使用NextJS的<Image>组件，不设置sizes仍会导致图片过大。srcset和sizes配合，可根据设备屏幕尺寸动态加载合适分辨率的图片。sizes="auto"结合懒加载能自动推断图片尺寸，但需注意浏览器兼容性。设备像素比（DPR）影响图片显示效果，确保图片分辨率与设备匹配。

CSS虽已发展多年，但仍难以完美适配现代组件化应用。BEM、CSS模块、Tailwind、CSS-in-JS等方案各有优劣，无法一劳永逸。CSS本为文档设计，而非组件封装或动态主题。前端框架与CSS的全局性、层叠性不兼容，导致样式管理复杂。选择方案时，需明确可接受的权衡：范围、灵活性、性能等。没有完美方案，只有适合场景的策略。接受现实，选择时睁大眼睛，CSS只需够用即可。

PPT设计常遇页面显空问题，关键在于版式选择与局部填充。整体显空时，可尝试更换如环绕型、卡片型等经典版式，提升设计感；局部显空则可通过添加透明图片、文字水印或矢量线条等弱存在感素材，或扩大原有内容面积来填补空白，使页面更丰富而不显刻意。