在檢測屏幕分辨率時無法使if-else語句正常工作

Question

我在我的網站上爲手持設備製作單獨的導航欄，所以我想出了一個PHP腳本來檢測分辨率，並應輸出不同的相應的導航欄。

我真的不是用PHP好着呢，我花了一段時間來想出這個簡單的腳本：

<?php if ($(window).width() < 764) : ?> 
<p>mobile navigation</p> 
<?php else : ?> 
<p>normal navigation</p>  
<?php endif; ?> 

當我用這個，頁面沒有加載內任何東西，或在這個代碼下面，不是頁面的其餘部分。如果有人能幫忙，我會非常感激。

謝謝！

Answer 1

我認爲你要找的是CSS media queries。現在

<style> 
#mobileNavigation { 
    display: none; 
} 
@media (max-width: 480px) { 
    #mobileNavigation { 
    display: block; 
    } 
    #desktopNavigation { 
    display: none; 
    } 
} 
</style> 

<div id="mobileNavigation">Mobile users see this</div> 
<div id="desktopNavigation">Desktop users see this</div> 

，這將需要多一點思考和設計，因爲你那麼想你的整個網站是移動的友好和responsive。