pc端网页自适应不同比例的屏幕

要实现PC端网页的自适应，可以采用以下方法：

1. 使用CSS的百分比单位：使用百分比来设置元素的宽度、高度和边距，使其相对于父容器的尺寸进行调整。

<div style="width: 100%;">
   <!-- 内容 -->
</div>

2. 使用CSS的`max-width`属性：通过设定元素的最大宽度，使其在屏幕尺寸超过设定值时停止增长。这样可以确保内容在大屏幕上不会过于扩展。

.container {
   max-width: 1200px;
   margin: 0 auto;
}

3. 使用CSS的媒体查询：使用媒体查询来根据不同的屏幕宽度应用不同的样式。通过设定不同的样式规则，可以根据屏幕尺寸调整元素的大小和布局。

@media screen and (max-width: 768px) {
   /* 当屏幕宽度小于等于768px时应用的样式 */
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
   /* 当屏幕宽度在769px和1200px之间时应用的样式 */
}

@media screen and (min-width: 1201px) {
   /* 当屏幕宽度大于等于1201px时应用的样式 */
}

4. 使用响应式框架：使用响应式框架如Bootstrap或Foundation，这些框架提供了一套预定义的网格系统和组件，可以轻松实现跨不同屏幕尺寸的自适应布局。

<div class="container">
   <!-- 内容 -->
</div>

以上是一些常用的方法，根据你的设计需求和网页结构，选择适合的方法来实现PC端网页的自适应。