Kann ich sicherstellen, dass dieses Element auf anderen Bildschirmen bleibt?

<DIV style="position: absolute; top:401px; left:1450px; width:400px; height:25px"><a href="http://www.test.com/"><img src="http://i.imgur.com/p6U5ufB.png" onmouseover="this.src='http://i.imgur.com/vo8DDLK.png'" onmouseout="this.src='http://i.imgur.com/p6U5ufB.png'"></a></DIV>

ich bin in diesem Augenblick eine Website zu machen, und ich lief in einige Probleme, die ich einfach nicht beheben.

Ich habe einige Elemente auf meiner Website, und sie bewegen sich weiter, wenn ich die Website auf anderen Bildschirmen öffne.

Was kann ich tun, damit dieses Element unabhängig von der Größe bleibt? - Selben für andere Elemente.

Quelle

2017-03-15 Instafla

Haben Sie versucht "Position: behoben"? – Swellar

Es ist genau das gleiche wie "absolut" in der Positionierung, aber "fixed" macht das Element an seiner Position haften/fixiert, wie die Navis, die im oberen Teil des Bildschirms klebt, wenn Sie nach unten scrollen – Swellar

Hat nicht funktioniert. :/ – Instafla

Momentan verwenden Sie feste Pixelgrößen. Aber unterschiedliche Bildschirmgrößen haben eine unterschiedliche Anzahl von Pixeln. Wenn Sie also die Position Ihres Objekts relativ zur Bildschirmgröße festlegen möchten, sollten Sie die Prozentwerte oder die Breite des Darstellungsbereichs und die Höhe des Darstellungsbereichs verwenden.

Versuchen Sie etwas wie dieses: left: 50vw

Quelle

2017-03-15 08:09:37 Philipp

Hallo. Da ich möchte, dass das Element eine bestimmte Position hat, hilft das dann? – Instafla

Hallo. Ich denke, Sie sollten das Konzept überdenken, wie Sie Ihre Website programmieren. Wenn Sie mit Pixeln arbeiten, wird es immer nur auf Ihrem Bildschirm aussehen, wie Sie es sehen. Deine divs sollten immer mit Prozenten oder Viewport-with und -height oder vielleicht relativ zu anderen divs positioniert werden. Mit diesem können Sie einfach reaktionsschnelle Websites erstellen, die auf jeder Bildschirmgröße gut aussehen. Ich denke, du solltest ein wenig recherchieren und mehr über dieses Thema erfahren. Es gibt viele Tutorials zu sehen, so dass Sie lernen können, wie man bessere Webseiten programmiert. Viel Glück! :) – Philipp

Kann ich sicherstellen, dass dieses Element auf anderen Bildschirmen bleibt?

Antwort

Verwandte Themen