1、如下图代码,跟利用样式的第二种区别在于利用js计算屏幕的宽高赋予img达到显示全屏。
利用js算出背景图宽高和屏幕宽高差,不缩放背景图,而是改动top和left,使背景图在屏幕一直显示中间部分,可以解决图片变形问题和超过一屏幕空白问题,但无法全部显示,且图片要大过最大屏幕分辨率。
注释掉html(body)的height: 100%,也可以显示超过一屏幕,但图片会变形。

时间:2026-02-14 03:49:27
1、如下图代码,跟利用样式的第二种区别在于利用js计算屏幕的宽高赋予img达到显示全屏。
利用js算出背景图宽高和屏幕宽高差,不缩放背景图,而是改动top和left,使背景图在屏幕一直显示中间部分,可以解决图片变形问题和超过一屏幕空白问题,但无法全部显示,且图片要大过最大屏幕分辨率。
注释掉html(body)的height: 100%,也可以显示超过一屏幕,但图片会变形。
