网站不适合移动设备

Question

所以，我正在开发网站，它在PC屏幕上运行良好，但在手机屏幕上不起作用。

首次网站显示为'before changes on mobile'

我认为主画面尺寸有问题，并将尺寸从700x700px更改为500x500px。我将div的宽度改为1200px到900px的描述（下面）。之后该网站显示为'on mobile screen'。如您所见，变化没有帮助。白线保留在手机屏幕的右侧。我对如何解决这个问题没有任何想法。

Answer 1

您是否尝试使用以下代码优化视图？

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

也许您还应该尝试像Bootstrap这样的代理设计框架。