要通过改变字体、图片和元素大小来实现网页的自适应，可以遵循以下步骤：

1. 使用响应式设计：使用CSS媒体查询来定义不同屏幕宽度下的样式。通过适应不同的屏幕大小，使网页在不同设备上呈现出最佳效果。

2. 使用相对单位：使用相对单位（如em、rem、百分比等）来定义字体大小、图片大小、盒子大小等。相对单位会根据父元素的大小进行调整，使元素在不同屏幕大小下保持比例。

3. 弹性图片：使用CSS属性“max-width: 100%;”来确保图片大小不会超出其父元素的宽度。这样，在不同屏幕大小下，图片可以按比例缩放，适应不同设备。

4. 使用Flexbox布局：使用CSS的Flexbox布局可以轻松地实现弹性布局，并在不同屏幕大小下自适应调整元素的位置和大小。

5. 使用Viewport：使用Viewport meta标签来设置网页的视口大小，使网页能够根据设备的屏幕大小来调整自身的布局和缩放。

通过以上的方法，可以实现网页的自适应，使其能够在不同设备上以最佳效果展示。