2017-05-31 195 views
0

因此,我正在開發網站,它在PC屏幕上運行良好,但不適用於移動屏幕。網站不適合移動

在第一次的網站看起來'before changes on mobile'

我與主畫面的大小思考的問題,改變了大小從700x700px到500x500px。我將描述(下面)的寬度從1200px更改爲900px。之後,該網站看起來像'on mobile screen'。正如你所看到的,改變沒有幫助。白線仍留在手機屏幕的右側。我沒有任何想法如何解決這個問題。

回答

0

您是否嘗試過使用以下代碼優化視圖?

<meta name="viewport" content="width=device-width, initial-scale=1">

或許你也應該嘗試像Bootstrap repsonsive設計框架。

+0

手機屏幕鎖定爲[link](https://pp.userapi.com/c837331/v837331511/ 41efa/41ntzXKnJCw.jpg)。謝謝你的Bootstrap框架,我會試試看。 – ectuser

+0

@ectuser你有這方面的更新嗎? Bootstrap有幫助嗎?如果是這樣,我會很高興接受一個接受(您可以通過點擊downvote按鈕下方的勾號來接受一個問題)。 –