Сохранение изображений в одном и том же месте, независимо от увеличения или уменьшения

Question

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

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

<IMG STYLE="position:absolute; TOP:2820px; LEFT:150px; WIDTH:100px; HEIGHT:100px" SRC="http://cdn.mysitemyway.com/etc-mysitemyway/icons/legacy-previews/icons-256/abstract-red-and-gold-paint-splatter-icons-culture/022426-abstract-red-and-gold-paint-splatter-icon-culture-heart-simple.png"> 

Answer 1

Проблема заключается в том, что вы не используете относительные позиции. Проблема заключается в использовании px для размещения вещей.

Постарайтесь разместить все в документе относительно как можно больше. Очень редко вы должны позиционировать что-то с абсолютными измерениями, и если да, возможно, это неправильный способ.

Существует несколько способов вертикального выравнивания вещей - этот путь отнюдь не лучший способ. Я сомневаюсь, что ваш вопрос будет длиться задолго до того, как будет найден дубликат. В любом случае, пожалуйста, см. this example.

<style> 
html, 
body, 
.parent { 
    height: 100%; 
    width: 100%; 
} 
.parent > .child { 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%); 
} 
</style> 
<div class="parent"> 
    <img class="child" src="https://placehold.it/150x150"> 
</div> 

В будущем вы должны показать более подробный пример своего кода. Также .. вы должны писать свою надбавку в нижнем регистре. Очень немногие языки будут иметь рекомендации (если есть) в верхнем регистре.

Вы также не должны писать стили в строке, где вы можете ее избежать (а также в тегах <style> - мой просто для того, чтобы сгруппировать пример для вашей легкости).