當屏幕分辨率發生變化時，讓div /文本內容得到修復

Question

我知道這個問題之前已經被問過了，而且我已經研究過這個問題，但是我認爲答案是獨一無二的。

我正在設計一個網頁，但我有一個問題。在我的屏幕和分辨率上一切都很好，但是當我開始放大/縮小（Ctrl + - ）時，文本的格式會完全移動。

我在我的服務器上發佈了該網站： 根據我的代碼，請讓我知道最好的解決方案是什麼。謝謝。

Answer 1

這不是一個獨特的情況。你的CSS使用了很多固定值，例如「margin-top：100px」。最好使用％或自動邊距。谷歌搜索「響應式設計」應該給你一個關於如何修復你的網站的想法。沒有「快速修復」，如果您希望在不同的分辨率/設備上正確顯示，則需要正確地重新格式化網站。

Answer 2

&段落的容器有margin-left，當你放大/縮小時，它完全被期望轉移。如果您想要使用段落中心，則應刪除margin-left，而使用auto左側&右邊距。

例如：

.introduction { margin:213px auto 0; } 

，如果你想擁有包括第留給另一個容器的容器，使用 float酒店，並告知寬度每個容器

。

一般情況下，需要爲每個部分使用容器。您網站中的許多問題都是因爲它們沒有適當樣式的塊容器。