在使用rem进行页面布局时，确实需要考虑到不同屏幕尺寸下的适配问题。以下是一些调整和优化的建议：

1. 动态设置html根元素font-size：通过js根据窗口宽度动态计算并设置html的font-size，这样可以使rem单位随着屏幕宽度自适应。例如，可以设置一个基准值（如设计图的宽度是按照750px设计的），然后根据屏幕宽度来计算根元素的字体大小。

javascript function setRemUnit() { var docEl = document.documentElement; var remSize = docEl.clientWidth / 750; // 设定基准值为750px docEl.style.fontSize = remSize + 'px'; } window.addEventListener('resize', setRemUnit); setRemUnit();

1. 媒体查询 breakpoints：对于特别大或特别小的屏幕，可能还需要配合CSS媒体查询（media query）设置不同的布局样式或者禁用某些组件以保持页面结构稳定。

2. 内容最小与最大限制：对关键元素设定最小和最大宽度、高度等限制，防止在极端情况下内容过于拥挤或稀疏。

3. 流式布局与弹性布局：结合百分比、flex布局等方式，使布局更加灵活。

4. 响应式图片：图片也需要做响应式处理，可以使用max-width:100%保证图片不会超出其容器。

以上方法结合起来使用，可以帮助你在不同尺寸的PC屏幕上更好地实现REM布局的适配，避免页面格式混乱。