Мой веб -сайт отлично смотрится на моем компьютере, однако увеличивает текст на других компьютерах ⇐ Html

[Anonymous]

Я опытный веб -дизайнер, который, казалось, встретил мой матч с этой надоедливой проблемой. Основное краткое изложение - мой веб -сайт, который я делаю для клиента, заполнен и работает эффективно, а также выглядит так, как я хочу на моем компьютере. Я смог выяснить, что страница была применена «увеличенное» эффект через Expect Element, и обнаружил, что при 75% текстовая и навигационная панель появились так, как он должен был быть расположен. В то время как увеличение до 75% ставит его в правильный макет, я не знаю, будет ли функция Zoom реальным ответом на мои проблемы. < /p>

Мой веб -сайт работает с вертикальной параллельной прокруткой (достигается с помощью jQuery). Ниже я перечислил общий экран Div CSS, а также CSS для первого экрана/целевой страницы (все другие экраны имеют одинаковые CSS). < /p>

div#slideTrain {
position: fixed;
top: 0px;
left: 0px;
}
div#screen1 {
background-image:url("photos/landingpage3.jpg");
no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin: 0px;
z-index: 10;
}
< /code>

Вот параметры CSS для строки навигации под именем «элементы управления» < /p>

div#controls {
position: relative;
z-index: 20;
margin-top: 860px;
margin-left: 630px;
color: white;
font-family: Helvetica;
overflow: hidden;
}
span {
cursor: pointer;
padding: 30px;
font-size: 14px;
}
< /code>

HTML часть элементов управления следующей: < /p>


home
our team
menu
contact

< /code>

Это мой первый раз, когда я использую этот веб -сайт, поэтому я прошу прощения в Advanced, если я пропустил какие -либо протоколы или неправильно вводится. Я предоставил два скриншота на главной странице, как то, как она должна выглядеть и как он появляется на других компьютерах. MISLINGS).
Неправильный формат < /p>

Подробнее здесь: https://stackoverflow.com/questions/317 ... other-comp