苏州移动适配（响应式与 viewport）

响应式基础

viewport meta 让页面按设备宽度渲染；CSS 用媒体查询适配手机/平板。一套代码多端，维护成本低，是中小官网优先。

关键断点

常用断点：手机 <768px、平板 768-1024、桌面 >1024。移动端按钮≥44px、字体≥14px、避免横向滚动。用 Chrome 设备模拟逐档测。

<meta name="viewport" content="width=device-width, initial-scale=1">
@media (max-width: 768px) {
  .grid { grid-template-columns: 1fr; }
}