Manuel Lemke
Mitglied
Hi Leute. Weis jemand warum wird das Logo abgeschnitten links und rechts bei VorschauFenster für iPhone Samsung LG ... ? Das ganze Logo nimmt mehr Zeit in Anspruch, als ich für meine gesamte WebSeite eingeplant hatte.
Auf Desktop siehts vernünftig aus dh. vollständige Breite und funktioniert auch.
Alles das weniger als 669Pixel Bidlschirmbreite ist wird im responsive Modus abgeschnitten, Logo selber ist 1134px groß, also wie hängt das zusammen?
Das ist der Html/ CSS
<a class="Start" href="index.html" target="_self"
style="position:fixed; z-index: 4;
float: left;
top:12px;
left:12px;">
<style>
.Start {background:url(Logo.gif);background-size: cover;
height: 7%; min-width:33%;min-width:324px; background-position: center center; display:block; margin: 0px auto auto;}
.Start:hover {background:url(Logo.gif);background-size: cover;transform: scale(1.23);-webkit-transform: scale(1.23);-moz-transform: scale(1.23);-0-transform: scale(1.23);display:block; margin: 0px auto auto;}
</style>
</a>
Man kann an Stelle von background-position: center center; auch Attribut löschen, dann wirds rechts abgeschnitten.
So siehts aufm Schirm aus (abgeschnitten)

Auf Desktop siehts vernünftig aus dh. vollständige Breite und funktioniert auch.
Alles das weniger als 669Pixel Bidlschirmbreite ist wird im responsive Modus abgeschnitten, Logo selber ist 1134px groß, also wie hängt das zusammen?
Das ist der Html/ CSS
<a class="Start" href="index.html" target="_self"
style="position:fixed; z-index: 4;
float: left;
top:12px;
left:12px;">
<style>
.Start {background:url(Logo.gif);background-size: cover;
height: 7%; min-width:33%;min-width:324px; background-position: center center; display:block; margin: 0px auto auto;}
.Start:hover {background:url(Logo.gif);background-size: cover;transform: scale(1.23);-webkit-transform: scale(1.23);-moz-transform: scale(1.23);-0-transform: scale(1.23);display:block; margin: 0px auto auto;}
</style>
</a>
Man kann an Stelle von background-position: center center; auch Attribut löschen, dann wirds rechts abgeschnitten.
So siehts aufm Schirm aus (abgeschnitten)

Zuletzt bearbeitet: