Заблокировать содержимое divs/text при изменении разрешения экрана

Question

Я знаю, что этот вопрос задан раньше, и я исследовал это, но я думаю, что ответ уникален для моей ситуации.

Я создаю веб-страницу, но у меня проблема. Все выглядит отлично на моем экране и разрешении, но когда я начинаю увеличивать/уменьшать масштаб (ctrl + -), форматирование текста полностью смещается.

Я опубликовал сайт на своем сервере: На основании моего кода, пожалуйста, дайте мне знать, какое лучшее решение для этого было бы. Благодарю.

Answer 1

Это не единственная ситуация. Ваш css использует множество фиксированных значений, то есть «margin-top: 100px». Лучше использовать% или автоматические поля. Goigling «отзывчивый дизайн» должен дать вам представление о том, как исправить ваш сайт. «Быстрое исправление» отсутствует, вам нужно правильно отформатировать свой сайт, если вы хотите, чтобы он отображался правильно на разных разрешениях/устройствах.

Answer 2

& В контейнерах ваших абзацев есть margin-left, и когда вы увеличиваете/уменьшаете масштаб изображения, его полностью ожидают сдвига. если вы хотите иметь пункты центра тела, вы должны удалить margin-left и вместо этого использовать auto для левой & правой поля.

, например:

.introduction { margin:213px auto 0; } 

, если вы хотите иметь контейнер, содержащие пункты, оставленные в другой контейнер, используйте float свойство и дать ширину каждый контейнер.

Как правило, необходимо использовать контейнер для каждой секции. многие проблемы на вашем сайте связаны с тем, что у них нет контейнера блоков с соответствующими стилями.