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

Question

我正在制作一个小型网站，我对 CSS 非常陌生，但每当我更改网页的大小时，我正在处理的任何内容都不会相对于正在显示的屏幕大小保持不变。例如，如果我通过最大化来增加浏览器大小，右侧有文本，则右侧的文本会保留在原位，现在位于浏览器的中央。

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

我研究了高低，我发现了一些东西，但似乎没有任何效果。我很沮丧，我的网站也是本地的，所以我什至无法共享链接。如果有人不明白我的意思，我会尝试重新解释这个问题很难解释。

适用于图像的代码:

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

此外，我想将超链接移动到左上角，如果这会有所不同，我不想让它们自动分配，而且我也不能触及 HTML 代码，只能触及 CSS。 (我正在做一个 CSS 测试，看看我是否能够复制已经完成的网页的图像。我不是作为类(class)作业的一部分或大学/大学的测试，我是一名学生，但我'作为软件工程师的工作实习，这是我自学的兼职作业)。

Answer 1

你可以使用百分号

例如:

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