elf的巨幕可以让元素高度100%占满屏幕。elf的首页部分大量使用了巨幕效果。
假设这是一个高度为600px的div
盒子(模拟设备屏幕)
记住,elf的所有效果都必须在class名为.elf
的容器中进行,该容器一般是body
的第一代子元素。同样的,巨幕的效果也必须在.elf
容器内才能生效。当位于.elf
内的子元素添加了.curtain
的class名以后,它就是一个巨幕。巨幕高度能够自动100%撑满屏幕。
我们可以在巨幕中添加一个名为.centered
的class名,它会让其所包裹的元素自动水平垂直居中于巨幕,方便更多场合的使用。