响应式网站设计是一种能够根据用户设备的不同屏幕尺寸和分辨率自动调整布局、图像和功能的设计方法。在制作三合一响应式网站时，坚持以下四个原则至关重要：

1. 流动布局：使用百分比宽度而不是固定像素值来定义容器的宽度。这意味着所有容器的宽度都应定义为浏览器视口的百分比。

2. 媒体查询：引入CSS3的Media Query，根据不同媒体类型（如屏幕大小）调用不同的CSS样式。例如，可以添加一个768px的媒体查询，当屏幕宽度小于768px时，自动调用style.css，以实现响应式布局。

3. 自适应图片和多媒体：图片和多媒体元素应采用自适应方式，确保在不同设备上都能良好显示。例如，可以使用img(max-width:100%)来实现图片的自适应。

4. 字体相对单位：避免使用绝对字体px，而是使用相对字体rem，以便字体大小可以根据屏幕尺寸动态调整。

总的来说，通过遵循这些原则，可以创建一个既能适应多种设备，又具有良好用户体验的响应式网站。