在视口中输入横断面时加载HTML

Question

我有以下加载CSS3动画的超文本标记语言：

<div class="quote">
   <a id="dex-sign" class="play" target="_blank"></a>
</div>

有没有办法让这段代码在相关的div显示在视区中时加载？这将意味着动画在进入视图时开始播放。

谢谢。

Answer 1

您可以使用css中的媒体查询来完成此操作。例如：

.quote{
   display:none;
}

@media only screen and (max-width:767px){
   .quote{
         display:block;
    }

 }