‌自适应网站的工作原理主要是依靠CSS媒体查询技术和弹性布局‌。

自适应网站是一种能够根据不同设备的屏幕尺寸和分辨率自动调整布局、字体大小、图片尺寸等的网页设计方法。当用户通过不同设备（如桌面电脑、笔记本、平板电脑或智能手机）访问网站时，网站能够自动检测设备的屏幕尺寸和分辨率，并应用相应的样式和布局，以确保网站在不同设备上都能呈现出最佳的显示效果‌。

这一工作原理的核心在于CSS3中的媒体查询（Media Queries）功能。媒体查询允许内容根据设备的特性（如屏幕宽度、高度、方向等）来应用不同的样式规则。通过媒体查询，开发者可以为不同的设备编写特定的样式规则，从而实现网站的自适应效果‌。

此外，弹性布局（Flexible Layout）也是实现自适应网站的重要技术之一。弹性布局允许元素在不同屏幕尺寸下自动调整大小和位置，从而实现更加灵活和自适应的网页布局‌。

综上所述，自适应网站通过CSS媒体查询技术和弹性布局，实现了在不同设备上的自动适应和最佳显示效果。