主要针对PC端访问，需要准备一张长宽比符合屏幕分辨率的图片，如这里准备一张3840*2160(16:9)的背景图，将其样式设置为：

body{
    background-image:url('../images/poster_lg.jpg');
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-size: 100% 100%;
}

页面效果：

  1. 缩放比例为100%：
    在这里插入图片描述
  2. 缩放比例为60%：
    在这里插入图片描述
版权声明：本文为qq_34087914原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/qq_34087914/article/details/107411807