要让PC页面整体缩小20%，可以按照以下步骤进行：

1. 确定缩放比例：首先，你需要确定页面需要缩小的比例。20%通常是指页面尺寸缩小20%。假设你的页面宽度为1000px，你希望缩放为800px，那么缩放比例就是800/1000=0.8。

2. 使用CSS的min-width和max-width属性：在HTML中，你可以使用min-width和max-width属性来设置元素的最小宽度和最大宽度，这样在页面缩放时，元素会自动调整宽度以适应最小和最大宽度的范围。

```

```

这样，当你调整页面宽度时，该元素的宽度将自动缩放到400px或600px，具体取决于页面缩放的比例。

1. 使用媒体查询：为了使缩放不影响页面的布局和导航，你可以使用媒体查询来在不同的屏幕尺寸下应用不同的样式。例如，你可以在@media screen and (max-width: 600px)的条件下，设置.container元素的宽度为400px，其他样式保持不变。

@media screen and (max-width: 600px) { .container { min-width: 400px; max-width: 600px; } }

1. 使用CSS flexbox或grid布局：如果页面中包含大量元素，使用CSS flexbox或grid布局可以帮助你更好地控制页面布局，使缩放时元素不会被意外地挤出页面。在CSS中，你可以设置.container元素的宽度为flex container（flexbox容器）的百分比，flex-grow属性为1（默认值）或0（让所有元素的宽度按照比例增长），flex-shrink属性为1（默认值）或0（让所有元素的宽度按照比例缩小）。

```

```

这样，当页面宽度小于600px时，.container中的每个子元素都会占据整个容器的宽度，因此，当缩放时，每个子元素的宽度会自动调整到800px，其他样式保持不变。

1. 测试和优化：在页面缩放后，确保在不同的屏幕尺寸下测试页面的布局和性能。如果发现某些元素在缩放时被挤出页面，可能需要调整CSS的最小和最大宽度，或者使用更灵活的布局方式。

以上就是在PC页面整体缩小20%的情况下，如何实现这一需求的步骤。注意，为了实现完全的页面缩小，可能需要结合其他CSS属性，如min-height、max-height等，以确保在缩放时页面高度不会改变。