重定向而不是在移动

模式我已经在模式的形式登录到我的应用程序重定向而不是在移动

<div class="user-link login" data-toggle="modal" data-target="#loginModal">Log in</div>

但是，当用户在移动，我想重定向他example.com/login而不是显示了他的情态。我不希望因为速度而使用php或js检测，更好的方法是使用基于css的分辨率的解决方案，不会是？

我认为这将是一个解决方案

<a href="{{ path('login') }}" title="Log in" class="onlyMobile"> 
    <div class="user-link login" data-toggle="modal" data-target="#loginModal">Log in</div> 
</a> 

<style> 
    @media only screen and (min-width : 992px) { 
     .onlyMobile { 
      display: none; 
     } 
    } 
</style>

但它不是，因为重定向是没有那么快，所以用户可以看到一个模式第一，之后他被重定向。

这样做的最佳方法是什么？

来源

2016-03-02 Lukas Holeczy

为隐藏你可以开始模态并显示给用户无法在手机上，你可以做的出现或东西，所以它会更好看的模态的平滑动画？ – Rosenumber14

我怎么看不到？

<a href="{{ path('login') }}" title="Log in" class="user-link login mobileOnly">Log in</a> 
<a class="user-link login desktopOnly" data-toggle="modal" data-target="#loginModal">Log in</a> 

<style> 
    @media only screen and (min-width : 992px) { 
     .mobileOnly { 
      display: none !important; 
     } 
    } 

    @media only screen and (max-width : 992px) { 
     .desktopOnly { 
      display: none !important; 
     } 
    } 
</style>

来源

2016-03-02 23:34:34

重定向而不是在移动

回答

相关问题