Skip to main content

Hallo zusammen,

 

bei uns ergibt sich folgende Problematik:

Wir integrieren unsere Karriereseite über Personio in unsere Unternehmenswebsite. Dabei haben wir den Header eingefügt, aber er skaliert nicht einheitlich auf unterschiedlichen Geräten und Monitoren (z. B. Desktop, Tablet, Mobil). Gibt es Best Practices oder spezifische CSS-/HTML-Anpassungen in Personio, die sicherstellen, dass der Header sich responsive und einheitlich an verschiedene Bildschirmgrößen anpasst?

Details zur Problemstellung:

  1. Der Header passt sich auf verschiedenen Auflösungen unterschiedlich an.
  2. Ziel ist eine einheitliche Darstellung des Headers auf allen Endgeräten.
  3. Hinweise auf mögliche CSS-Anpassungen oder Einstellungen innerhalb von Personio wären sehr hilfreich.

Über hilfreiche Antworten würden wir uns sehr freuen.


Vielen Dank und liebe Grüße,

Jakob

Hallo Jakob ​@JS_24 ,

das Headerbild in der Karriereseite passt sich flexibel dem Endgerät an, welches die Seite aufruft. Dadurch wird gewährleistet, dass sowohl eine mobile, Desktop- oder Laptop-Ansicht visuell ansprechend ist.
Die im Helpcenter-Artikel beschriebenen Maße sind unsere Empfehlung, damit die Bilder in bestimmten Situationen nicht übermäßig verzerrt oder zu klein dargestellt werden. Durch die flexible Auslegung des Headerbilds kann es aber sein, dass bestimmte Teile abgeschnitten werden bzw. durch einen Zoom-Effekt, nicht das volle Bild dargestellt wird.

Auch folgender Zusatz (unten) in euer individuellen CSS könnte eine Verzerrung auslösen. Wenn ihr diesen entfernt, sollte der Header “normal” aussehen.

Liebe Grüße

Aycan

.background-image-wrapper {background-image: none;}

Deine Antwort


Nutzungsbedingungen für die Personio Voyager Community