Одна и та же позиция на разных компьютерах

Question

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

РАЗМЕЩЕНИЕ ИЗОБРАЖЕНИЯ:

HTML

<img src="las.jpg" width=660px height="auto" class="center"/>

CSS-файл

.center{
display: block;
margin-left: auto;
margin-right: auto;
margin-top: -10%;
}

РАЗМЕЩЕНИЕ ТЕКСТА:

HTML

<p><i><b>Park Narodowy</b> - "obejmuje obszar wyróżniający się szczególnymi `wartościami przyrodniczymi, naukowymi, społecznymi, kulturowymi i edukacyjnymi, o powierzchni nie mniejszej niż 1000 ha, na którym ochronie podlega cała przyroda oraz walory krajobrazowe." <br></i></p>

Файл CSS:

p{

position: absolute; left: 8cm;
right: 8cm;
text-align: justify;
}

Answer 1

Разные компьютеры означают разные размеры экрана, но также и разные навигаторы.

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

авто

Браузер выбирает подходящее поле для использования.Например, в некоторых случаях это значение может использоваться для центрирования элемента.

из https://developer.mozilla.org/en-US/docs/Web/CSS/margin

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