重定向而不是在移動

模式我已經在模式的形式登錄到我的應用程序重定向而不是在移動

<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

重定向而不是在移動

回答

相關問題