我刚刚发现了impress.js,我想知道哪种方法是实现显示全屏图像的幻灯片/步骤的最佳方法。
我尝试了几种方法,但没有找到任何解决方案。您可以在https://ccamara.github.io/impress-slides-sample/(代码为here的存储库)上查看失败尝试的结果。
您会看到我尝试了几件事:
- 尝试通过内联代码手动调整图像来复制此演示:我不喜欢这种方法,因为它很难重用(我希望用全屏图像创建几张幻灯片,需要太多代码,我不会不能与markdown一起使用)
- 将一个类添加到幻灯片,然后尝试创建一个css规则。这是我最喜欢的方法,但是我对CSS不太满意,也没有设法使其正常工作。几乎可以正常工作:身高可以,但体重不可以。我希望将图像居中,并摆脱上部和下部。
- 添加带有内联代码的背景。这种方法受大多数问题困扰,但我应该控制其位置。
恐怕这可能是css问题,但定位对象我一点也不擅长。