Css 将普通网站转换为响应性网站

我的问题是基本和简单的，我有一个网站与正常的css代码，我想把它转换为一个响应的网站，有没有任何自动的方式来做或生成好的css文件，否则我可以做什么呢

我的css看起来像那样

        #bar1
        {
          border-style:solid;
        border-color:#8c8c8c;
         border-width:1px;
         width:736px;
         height:98px;
         float:right; 
         background-color:white;
          position:absolute;
         top:0px;
         left:212px;

        }

---

不，如果你想自己做，没有什么真正的“自动”的

从广义上讲，您需要将宽度和高度的固定像素值替换为百分比。 也可以用ems替换固定字体大小，也可以使用百分比或ems作为填充和边距

例如，如果您有：

body {
  width: 900px;
}

img {
  width: 300px;
  height: 200px;    
}

将其更改为：

body {
  width: 100%;
}

img {
  width: 30%;
  max-height: 200px;
}

现在，如果调整浏览器窗口的大小，页面元素将做出反应并调整大小。 查看媒体查询的使用情况&在不同的屏幕宽度设置断点，以更改布局，使其最适合当前大小

更重要的是，弄清楚你是否需要一个响应性强的网站。 人们在哪里/如何使用它&您希望以不同的大小显示哪些信息？ 查看“移动优先”设计注意事项，为不同大小的站点创建适当的布局，然后找出如何使CSS工作

---

…或者跳过所有的艰苦工作&将您的站点放入Wordpress或已为您完成此操作的引导模板中

这并不像你想的那么“简单和基本”。我的答案是简单和基本的。。。搜索响应站点，媒体查询，EM单元，%百分比，框架作为引导或基础。