响应式设计是针对不同设备、不同分辨率的屏幕进行优化，以使网站能够符合设备和浏览者不同的需求。在适配手机网站的响应式设计中，需要考虑以下几个方面：

1. 弹性布局：使用弹性布局，使页面在不同设备上有良好的表现，内容自适应屏幕大小，并且避免内容被裁剪或者滚动。

2. 图片优化：为了使内容快速加载，应优化网站上所有图片的大小和质量。使用高品质的图片会导致页面加载时间过长，使用户停留时间短暂。

3. 字体调整：不同设备上的字体大小需要相应的调整。移动设备的字体应该相对更大，以便用户能够更轻松地看清文本内容。

4. 导航栏设计：导航栏应该明确且易于使用，在手机屏幕上应提供简单的菜单，以便用户轻松找到所需内容。

5. 视觉效果：设计师应该优化设计的所有视觉效果，使其适应不同的屏幕大小，颜色饱和度、对比度等视觉效果应考虑不同的设备上不同的可见度。

总之，在适配手机网站的响应式设计中，需要强调内容和用户体验的优先，让用户可以快速、方便地浏览和使用网站。