jquery移動網站也可以成爲桌面瀏覽器網站嗎？

Question

我已經構建了一個簡單的小jQuery移動網站，但我也需要一個基於瀏覽器的流量非常類似的網站。事實上，目前，網站是完全一樣的，除了我需要限制在瀏覽器網站的寬度爲650px左右。

有沒有簡單的方法來做到這一點？這將節省我許多小時的開發時間。

此外，展望未來，從移動和基於瀏覽器的網站的單一通用基本代碼開始工作將會非常有幫助，並且只有差異保持不同。有框架或方法可以幫助我保持我的代碼DRY？

注：我知道this question，但它略有不同，詢問jquery mobile是否可用於桌面而不是的手機。我想使用相同的代碼都。

Answer 1

如果你想限制頁面寬度，它只是CSS。 您可以使用CSS媒體查詢爲您的瀏覽器特定網站加載單個css文件。

這是一個link，可以幫助你。

Answer 2

JQM的好處在於，它允許您跨桌面和移動設備使用單一來源，尤其是在內容大致相同的情況下。

要限制你的桌面網站650像素，可以使用以下兩個CSS-電網：

1140px CSS GRID
960px CSS GRID

要獲得650像素之前和您的內容後添加一些空塊。在較小的顯示器上，您的內容將變爲全寬使用媒體查詢（在IE上支持，一定要包括respond.js。

我還沒有嘗試過960網格，但我使用1140px網格很多，也適用於JQM摺疊，這是一個加號。