1. 响应式不是可选项

模板基础里必须默认考虑移动端，因为内容页、列表页和首页在手机上会有完全不同的阅读体验。主题如果只在桌面端正常，实际不可用。

2. 响应式要控制哪些地方

• 栅格列数：桌面端多列，移动端单列。
• 图片尺寸：避免图片被拉伸或裁切错误。
• 导航行为：桌面端横向导航，移动端折叠菜单。
• 间距和字号：移动端减少留白，保证可读性。

3. 模板层要做什么

模板层不负责写复杂媒体查询，但要给结构留出响应式空间：

• 内容区域使用语义清晰的 class。
• 模块之间保持独立，方便 CSS 调整。
• 不要把所有内容塞进一行一列里。

4. 图片和媒体处理

所有封面图、轮播图和详情图都应该允许自适应展示，避免固定宽高把布局撑坏。内容详情里的富文本图片也应该默认按容器宽度缩放。

5. 实际开发建议

先保证移动端可读，再去优化桌面端视觉。一个结构清晰、响应式稳定的模板，后续改版成本会低很多。