草，现在想起来都气，真不是我想当个懂王，是被逼的。前段时间图省事花万把块找了个外包公司做新站，提的需求清清楚楚写了“首页Banner要自适应别变形”，验收的时候也确实好好的。结果上周我手痒想把那个万年不变的“专业值得信赖”的标题和描述（对，就是TDK那玩意儿）稍微改得个性化一点，顺手上传了个新背景图，好家伙，整个网站直接裂开了，PC端显示一大块空白，手机上看图被压成一条缝，设计师和前端开始互相甩锅一个说切图没问题一个说代码写死了，我特么凌晨一点在群里对着空气发火。
就为了这个破Banner尺寸，我被迫研究了整整两天，从一个纯粹的SEOer变成了半个前端。你以为就一个1920x600完事了？太天真。你得考虑Retina屏吧？得考虑不同笔记本的屏幕比例吧？得考虑手机端那五花八门的竖屏尺寸吧？那帮孙子直接用死像素值给我写死在CSS里了，甚至没做任何媒体查询，我一换图，全崩。这根本不是改尺寸，这是在给我的站做外科手术。
所以怎么看？我现在告诉你，别信任何人给的所谓“标准尺寸”，那玩意儿跟百度说“原创最重要”一样，听听就好。核心是让你的前端用相对单位（比如vw、%）和object-fit: cover;，再定几个关键的媒体查询断点（比如1200px，768px，375px），针对不同宽度设置不同的高度比例（比如PC端保持3:1，移动端用2:1）。另外图片本身，最好让设计师给你裁好不同尺寸的几套，用srcset属性喂给浏览器，让它自己选。别指望一张图走天下，那体验能好就见了鬼了。
血的教训就是，要么你自己懂点代码能把控细节，要么你就找个真正负责的团队。不然你后续任何关于网站视觉和结构的小调整都跟渡劫一样。我现在这个站，Banner是调好了，但我总感觉因为这次大动干戈，蜘蛛爬取都不太顺畅了，心累。不说了，我去看眼日志，生怕又出什么幺蛾子。
