建立自适应网站需要注意以下几点：

  1. 使用响应式设计：响应式设计是一种网站设计方式，可以让网站在不同的屏幕尺寸和分辨率下都能够正常显示。
  2. 设置视口（viewport）：视口是浏览器用来渲染网页的可视区域。使用视口标签可以告诉浏览器如何为不同的屏幕尺寸调整网页的布局。
  3. 设置图像大小：使用图像的百分比大小可以让图像在不同的屏幕尺寸下都能够正常显示。
  4. 使用流式布局：流式布局可以让网页元素随着屏幕尺寸的变化而自动调整位置。
  5. 考虑用户体验：自适应网站需要考虑用户在不同设备上的浏览体验。需要确保网页在不同设备上都能够方便、快速地浏览。

开发自适应网站的过程通常包括以下几个步骤：

  1. 设计网站的框架：首先需要设计网站的框架，包括网站的页面、导航、布局等。
  2. 建立响应式设计：使用响应式设计可以让网站在不同的屏幕尺寸和分辨率下都能够正常显示。
  3. 设置视口：使用视口标签告诉浏览器如何为不同的屏幕尺寸调整网页的布局。
  4. 设置图像大小：使用图像的百分比大小可以让图像在不同的屏幕尺寸下都能够正常显示。
  5. 使用流式布局：流式布局可以让网页元素随着屏幕尺寸的变化而自动调整位置。
  6. 优化用户体验：自适应网站需要考虑用户在不同设备上的浏览体验。需要确保网页在不同设备上都能够方便、快速地浏览。