响应式网站设计是一种网络页面设计布局。页面的设计与开发应当根据用户行为以及设备环境（系统平台，屏幕尺寸，屏幕定向等）进行相应的响应和调整。

在移动互联网时代，建设网站都要制作对应的手机端网站，这就衍生了两种网站建设模式，一种是可以根据窗口比例自动适配的响应式网站，另一种就是PC+手机端的网站。响应式网站与PC+手机单独开发的主要区别体现在其设计、开发过程、用户体验以及维护成本等方面。

在网页制作过程中，尤其是响应式网站制作，新手小白写自适应banner代码，测试会遇到图片留空白/黑色边缘、变形等问题，例如banner通常需要考虑自适应整屏高度或者某个高度比，以及处理移动端适配问题，一套完整支持高分辨率屏幕以及移动端完美显示的解决方案尤为重要。