设计稿尺寸为1980*1020，网页如何适配不同屏幕？

如何将设计稿适应该大小的屏幕？

在设计网页时，需要考虑显示设备的分辨率，以确保网页布局在不同设备上都能正确显示。对于尺寸为1980*1020的设计稿，在实际浏览器中显示时可能会因顶部标题栏和工具栏的占用导致页面过长而出现滚动条。

针对这个问题，处理方式取决于具体需求：

• 非满屏展示：对于普通登录页面，无需完全铺满屏幕，出现滚动条也是可以接受的。
• 满屏展示：对于需要铺满屏幕的登录页面，需要与设计师协商，根据演示机的屏幕分辨率做出相应适配。
• 响应式布局：为了适应不同的显示器分辨率，可以采用响应式布局，既能保证页面布局在不同宽度下都能正确显示，又避免了出现滚动条的情况。