什麼是使網站響應最簡單的方法？

-1

我是初學者，我已經創建了一些我的網站，但我意識到它不會在所有設備和屏幕尺寸中都很好看。我願意在我的網站上重新啓動並實施這個響應式框架，但我不知道從哪裏開始，如何開始，使用哪個框架或創建響應式網站。我研究過Bootstrap，但是我看到你必須使用他們提供的導航欄，而我不想那樣做。我想創建我自己定製的整個網站。我見過一些網站，當你使用手機時，它會自動轉到m.facebook.com這樣的網站上，他們的做法是什麼？他們是否爲每個決議重寫了整個代碼？請幫忙！什麼是使網站響應最簡單的方法？

來源

2015-07-20 user2896120

如果您使用Bootstrap，則不必使用它們的導航，只需找到另一個或創建自己的導航。您可以使用Bootstrap作爲網格佈局。如果你想做這一切你自己看一看css媒體查詢 – Maxxi

@Maxxi如果我使用引導的網格佈局，並使我的網站自定義生成，它仍然會很好地在所有其他屏幕尺寸？ – user2896120

Bootstrap組件具有移動響應能力，但它取決於您對它們所做的操作。您需要查看您的「自定義」位的css媒體查詢 – Maxxi

如果您不想使用引導，您可以使用標準媒體查詢「流體設計」來代替。我創建了一個容易跟隨一些有趣的東西提琴爲你嘗試http://jsfiddle.net/xfobotx6/7/

記得把你的<head>部分的<meta name="viewport" content="width=device-width, initial-scale=1.0" />使這項工作。

編輯這是強烈的意見基礎是「最簡單的方法是什麼？」我只給了你一個「一」的例子，但它取決於你決定什麼是最簡單的你:)

來源

2015-07-20 21:47:21

你可以去@Adam布坎南史密斯的答案，如果你對響應式設計感興趣。如果不是，只是這樣做的JavaScript重定向頁面就像你從facebook.com說m.facebook.com

if (screen.width <= 800) { 
      window.location = "page.aspx"; 
     }

通過這樣做，你必須做至少2個版本（桌面&手機）的網站。好的，你可以完全自定義它。

來源

2015-07-21 03:09:03 Jacklck

什麼是使網站響應最簡單的方法？

回答

相關問題