如何保持按钮、文本和图像相对于屏幕/浏览器的大小

Question

我正在制作一个小型网站，我对CSS很陌生，但每当我改变网页的大小时，我所处理的内容都不会相对于屏幕的大小而改变。例如，我在右边有文本，如果我通过最大化右边的文本来增加浏览器的大小，那么右边的文本就会保持不变，现在就在浏览器的中心。

我的一张图片正在移动，通过拖动浏览器的一角来增加和减少网页大小。我对超链接列表、文本框或一般文本中的图像使用相同的CSS代码，但它根本不起作用。

我研究了高低，发现了一些东西，但似乎什么都不起作用。我很沮丧，我的网站也是本地的，所以我甚至不能分享链接。如果有人不明白我的意思，我会重新解释，只是很难解释这个问题。

适用于图像的代码：

img {
    padding-top:50px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

此外，我想将超链接移动到左上角，如果这有区别，并且我也不能触摸HTML代码，只有CSS，则不自动分配超链接。（我正在做一个CSS测试，看看我是否能够复制已经完成的网页图像。我不是作为课程或大学测试的一部分来做这件事，我是一名学生，但我正在做软件工程师的工作，这是我自学的兼职作业）。

Answer 1

您可以使用百分比表示法

例如：

img {
  padding-top:50px;
  display: block;
  margin-left: 10%;
}