Hallo,
ich habe leider das Problem, dass das Logo was ich in einer hohen Qualität eingefügt habe in einigen Browsern unscharf angezeigt wird. Das Logo soll über die gesamte Breite des Fragebogens gehen. bIch verstehe nicht ganz wo das Problem liegen könnte. Ich habe versucht die Skalierung über den Html-Code im Layout zu machen, aber bin mir unsicher wo genau ich was einfügen sollte.
Das ist momentan der Html-Code im Layout. Die Breite des Fragebogens beträgt 800px:
<html>
<head>
%head%
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
body { padding: 0 0 20px 0; margin: 0 }
div#s2t-progress { position: absolute; right: 10px; top: 0px; width: 200px }
div#s2t-logo { margin-bottom: 10px; width: 800px}
div.questionary { min-width: 300px; max-width: %width%; margin: 14px auto 0px auto; padding: 0 10px }
/* Center header and footer on smartphone */
@media (max-width: 450px) {
div#s2t-logo { text-align: center; margin-bottom: 16px }
div#s2t-controls { text-align: center }
div#s2t-imprint { text-align: center }
div#s2t-progress { left: 0; right: 0; margin: 0 auto }
}
</style>
div#s2t-logo {
max-width: 800px;
}
Hier der Pretest-Link: https://www.soscisurvey.de/PA_Szenarien/?act=1AlSF6127lJyp5uD6cRN1SFc
Danke schonmal!