javascript - 是否可以本地延迟加载未指定尺寸的图像(因为它们需要响应)?
问题描述
我知道,为了让浏览器本机延迟加载能够正常工作(在 chrome 中),您需要定义图像的高度和宽度。
问题是我需要我的图像具有响应性,所以我无法设置绝对高度和宽度。但是我仍然想延迟加载这些图像以提高我网站的性能。
我尝试通过将图像包装在具有纵横比的 div 中,然后将图像高度和宽度设置为 100% 来解决这个问题。不幸的是,似乎只有绝对尺寸才有效。
是否有可能的解决方法来本地延迟加载没有绝对尺寸的图像,或者我应该使用 javascript 库来做到这一点(或者,他们也无法解决这个问题)?
旁注:我注意到这只是 chrome 中的一个问题。如果您不能在我们 99% 需要的响应式图像上使用它,那么这项技术的意义何在。
解决方案
推荐阅读
- python - Python WTForms RegEx电话号码验证不起作用
- winapi - SetWindowDisplayAffinity 不适用于控制台应用程序
- ada - Ada Remote_Types 错误“非法覆盖从接口继承的子程序”
- python - 从类中创建空对象(用于 sql 测试的空表)
- python - 在熊猫(python)中查找指定日期时间范围的数据列的平均值
- google-app-engine - 如何在应用引擎标准环境中显示 npm-debug.log
- javascript - 如何为以下 API 创建 React js 模式
- git - 如何在不重新解决冲突的情况下压缩包含合并提交的提交?
- parsing - Ansible Telnet 输出解析
- javascript - 如何允许用户在 React 中编辑网站的一部分?