我正在使用 fullpage.js 创建视差网站,但是我正在考虑可用于每个部分的背景图像的理想图像大小。
如果图片太大,加载时间会更长,但当图片太小时,可能会牺牲图片质量,所以我正在寻找理想的图片尺寸。
最佳答案
您可以使用 CSS 3 media queries根据视口(viewport)的分辨率加载一个或另一个背景图像。
这在移动设备上加载网站时会有很大帮助,并且不会为小型笔记本电脑加载巨大的图像。
此外,您可以使用 this lazy load technique 动态加载背景.这样您就不会在不可见的部分加载图像。
关于html - Fullpage.JS 背景图片的理想图片大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31717575/