更改屏幕分辨率时，使div /文本内容固定

Question

我知道之前已经问过这个问题，我已经研究了这个问题，但我认为答案对我的情况来说是独一无二的。

我正在设计一个网页，但我遇到了问题。我的屏幕和分辨率一切都很好但是当我开始放大/缩小（ctrl + - ）时，文本的格式会完全转移。

我在我的服务器上发布了该网站： 根据我的代码，请告诉我这是最好的解决方案。感谢。

Answer 1

这不是一个独特的情况。你的css使用了很多固定值，即“margin-top：100px”。最好使用％或自动边距。谷歌搜索“响应式设计”应该让您了解如何修复您的网站。没有“快速修复”，如果您希望它在不同的分辨率/设备上正确显示，您需要正确地重新格式化您的网站。

Answer 2

＆amp;段落的容器有margin-left，当你放大/缩小时，它完全可以被移动。如果你想让主体的段落居中，你应该删除margin-left，而是使用auto代替左侧＆amp;右边缘。

例如：

.introduction { margin:213px auto 0; }

如果您希望将包含段落的容器留给另一个容器，请使用float属性并为每个容器指定宽度。

通常，需要为每个部分使用容器。您网站上的许多问题都是因为它们没有适当样式的块容器。