2016-09-10 106 views
-1

我是一個新手程序員,只在高中上過一門課。我正在嘗試爲我的業務創建一個網站,使用c9.io編寫 - 但無法弄清楚如何讓我的頁面適應任何尺寸。我試過在網上找到一個解決方案,但似乎無法解決我的問題 - 我完全難住!祝你好運,謝謝!如何製作響應式網頁?

下面的HTML和CSS代碼。

https://docs.google.com/document/d/1wl1Ui-vvB39ysCQd2B5-7Yl-gYRPdQ7hUyD_L-tDcs4/edit

編輯:

的問題已得到修復,這裏是我使用的CSS代碼:

.container4 { 
    width:99%; 
    margin-left: auto; 
    margin-right: auto; 
    text-align: center; 
} 
+0

這個問題看起來很寬泛。人們已經寫了關於如何使頁面適應不同大小的書籍。你可以嘗試使你的問題更具體。 –

+0

正如我所說我是一個新手程序員,我沒有太多技能。我正在尋找一種解決方案,以便在我的代碼中實現響應式網頁的工作,因爲以前的嘗試沒有奏效。我不知道是不是因爲我還沒有那麼堅定的理解,或者是因爲我弄亂了我的編碼。 – rachel0d

回答

0

Media queries非常久遠twitter bootstrapflexbox是用來做網站的響應速度。

媒體查詢可幫助您管理不同設備的佈局,例如手機,標籤和桌面。保持CSS以下幾點一邊寫: -

  1. 使用EMS的利潤/填充/ REMS,避免使用像素

    2.使用青菜,而不是純粹的CSS,它真的很容易擴展