Проблемы с масштабированием HTML (окно браузера)

Question

Я создал небольшой HTML-сайт, но масштаб в моем браузере полностью нарушает его. При полноэкранном и 100-процентном масштабировании это выглядит отлично, но при зонировании или изменении размера окна браузера все элементы просто изменяются и перемещаются случайным образом на экране. То, что я хочу, - это зум, который не перемещает ничего, кроме изменения размера всей страницы (например, масштабирование изображения) (как) это возможно? :-)

Answer 1

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

.container { width:900px; margin:0 auto; } 
.container .logo { width: 25%; /* 25 percent of 900px */ } 
.container .navigation { width:75%; /* 75 percent of 900px */ } 

Вам также может понадобиться для сброса полей и отступов значения.