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

Question

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

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

Answer 1

如果你自己做了css，你应该使用媒体查询。

它允许您根据屏幕尺寸来调节您的CSS。

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

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

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

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

Answer 2

结帐Bootstrap。他们还有一些免费的基本模板。