html - Fullpage.JS 背景图片的理想图片大小

标签 html css image fullpage.js

我正在使用 fullpage.js 创建视差网站,但是我正在考虑可用于每个部分的背景图像的理想图像大小。

如果图片太大,加载时间会更长,但当图片太小时,可能会牺牲图片质量,所以我正在寻找理想的图片尺寸。

最佳答案

您可以使用 CSS 3 media queries根据视口(viewport)的分辨率加载一个或另一个背景图像。

这在移动设备上加载网站时会有很大帮助,并且不会为小型笔记本电脑加载巨大的图像。

此外,您可以使用 this lazy load technique 动态加载背景.这样您就不会在不可见的部分加载图像。

关于html - Fullpage.JS 背景图片的理想图片大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31717575/

相关文章:

image - MATLAB:在黑白图像上画一条线

asp.net - 站点加载 Sprite 图像两次

html - 填充导致页脚移动低于预期,导致滚动

html - 如何将文本区域的标签对齐到顶部?

html - CSS 定位 HTML 图标

css 将样式应用于除最后一行之外的所有元素

image - HTML5 沿路径移动图像

javascript - 命令 "window.location.href"不适用于 HTML(Bootstrap 框架)

JavaScript - 验证用户输入

html - 学习CSS,遇到垂直边框问题