如何将无响应的设计网站转变为有响应的网站? [关闭]

因此,我设计了一个网站,甚至没有想到它具有响应能力,并且将所有元素都放置在 像这样用CSS逐像素

  .graphFooterPovertySource{
  position: absolute;
  color: rgb(154, 158, 160);
  font-size: 150%; 
  left: 550px;
  top: 1520px;
  width: 100%;
  height: 100%;
  text-decoration: underline;
}
.obesePercentage{
  position: relative;
  color: aliceblue;  
  font-size: 250%;
  left: -1400px;
  top: -130px;
  text-align: right;
}

so as you can see all my elements are positioned with absolute and responsive positions with using top n px and left npx. How can I turn this mess of a website to a responsive design? https://yusufkerem.github.io/ben-webtech-project/ here is the site.

评论