将非响应式网站更改为响应式网站的软件

Question

我是 Web 开发的初学者。我刚刚制作了一个非常基本的网站。但由于我是初学者，这意味着我只是让网站看起来不错。这意味着它没有响应。当我更改浏览器尺寸时，我的网站看起来一团糟。

我心想，有没有一种软件或应用程序可以让我上传我的网站并点击更改为响应式，我的网站会自动更改为响应式网站。所以，我的问题是，是否有任何软件可以将我的网站更改为响应式？这是我网站的图片。

Answer 1

查看 Bootstrap。他们还有一些免费的基本模板。

Answer 2

如果您自己完成 css，则应该使用媒体查询。

它允许您根据屏幕尺寸调整 css。

例如，如果您在 css 文件末尾添加这段代码，如果屏幕宽度小于 1000 像素，正文背景将为绿色：

@media (max-width: 1000px) {
  body {
    background-color : green;
  }
}

但是如果您是响应式设计的初学者，您应该使用 bootstrap 框架：http://getbootstrap.com/ 并阅读文档，这是对响应式设计的完美介绍。 （您可以使用 bootstrap 类 调整您的网站以使其响应，虽然这不是一个好方法，但您必须先考虑一下 ;) )

玩得开心。 （对不起我的英语：p）