在设计 PC 网站时，可以采用响应式设计的方式来让网站在手机上按比例缩小适应屏幕。响应式设计的基本思路是，根据用户使用的设备不同，自动调整网站的布局和内容，使其在不同尺寸的屏幕下都能显示出最佳的效果。

具体实现响应式设计需要考虑以下几个方面：

1. 设计尺寸：在进行 PC 端网站设计时，需要确定网站的设计尺寸，一般为 960px ~ 1200px。这时需考虑到手机屏幕的宽度一般在 320px ~ 414px 之间，因此需要针对不同大小的屏幕进行相应的布局。

2. 弹性布局：在进行网站布局时，应避免使用固定宽度的容器和像素单位，而是采用百分比或 EM 单位，使容器和元素能够自适应屏幕尺寸。

3. 媒体查询：在 CSS 中使用媒体查询，根据屏幕宽度不同，应用不同的样式规则，以达到最佳的布局效果。例如，可以根据屏幕宽度选择不同的字体大小、行距、间距等。

4. 图片缩放：在处理图片时，应采用响应式图片，即根据屏幕尺寸合理压缩图片，并使用 srcset 属性来指定不同分辨率的图片，以保证图片在不同设备上显示清晰。

通过以上方式，可以达到让 PC 网站在手机上按比例缩小适应屏幕的效果。当然，这需要在设计和开发时就考虑到这个问题，而不是事后只进行简单的缩放处理。