如何根據屏幕尺寸加載不同的網頁？

Question

我有兩個不同的網頁。 一種用於電話/平板電腦，另一種用於台式機。 我想顯示其中一個網頁，具體取決於所使用的設備。 我不能使用媒體查詢，因為兩者的內容不同。 對如何實現這一目標有幫助嗎？

Answer 1

您可以使用javascript

if(screen.width < 991)
    window.location = 'mobilepage.html';

Answer 2

我正在使用這個：

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { /* do what you want */ }

編輯：

對於加載，您應該使用window.location ='mobile.html';

Answer 3

您應該使用一個庫來擴展頁面， Bootstrap是一個非常流行的庫。 基本上，它為您提供了要添加到站點元素的類，並將對其進行縮放。 您應該真正使用它而不是使用兩個單獨的網站，這將使維護更加容易。