Question

我的普通桌面网站有这样的链接

<a class="various fancybox.iframe" href="template.html"><div class="text_14">Feature Article</div>  </a>

但对于我的手机网站，我需要“课程”消失。这样链接就会打开为子页面而不是花哨的盒子。

所以我试过

@media only screen and (max-width : 480px)  {

a{
    text-decoration: none;
    class: none;
}

哪个不起作用。那么如何让课程不被显示？

Answer 1

您需要使用Javascript从HTML元素中删除类由于您使用的是fancybox，我假设您已经包含了jQuery，因此如果您在移动设备中打开该页面，则代码应该可以正常工作。

<script>
    $(function(){
        if($(window).innerWidth() <= 480){
            $('a.various').removeClass('various').removeClass('fancybox.iframe');
        }
    })
</script>

没有通过CSS的课程？

1 个答案: