Wie um Elemente Haltestelle aus zu bewegen, wenn die Größe des Fensters nach der Verwendung Prozentsatz

So, ich habe die divs, dass ich innerhalb meiner Webseite .. wie Kopf-oder div-Boxen .. Sie passen gut auf größeren Bildschirm Größen, so dass Sie nicht allzu kleinen auf einem großen monitor , aber das Problem ist, wenn ich die Größe der Fenster oder browser machen es klein , alle Elemente entlang bewegen, bis Sie einen Punkt erreichen, wo sich alle treffen und es wird hässlich .. Wie kann ich es machen, damit die divs die ich habe passen zu größeren Bildschirmdiagonalen immer größer, als auch , aber dann stoppen Sie bewegen sich zusammen mit dem Fenster, wenn die Größe des Fensters so dass es kleiner ??? Ich benutzte Prozentsätze aus alle Elemente, die ich will neu und größer machen auf größere /breitere Bildschirme

Unten ist ein Beispiel von meinem code .. meine Kopf-und andere Elemente mit dieser Klassen verschieben zu dem Punkt, wo Sie überlappen, wenn die Größe des Fensters

.header{
        position:absolute;
        top:0px;
        width:100%;
        height:100px;
        left:0;
        background:#EB6A4A; 
    }

    .slogan{
        position:absolute;
        top:60%;
        left:40.5%;
    }

    .login{
        position:absolute;
        top:15%;
        left:90%;
    }

        .whitebackground{
        background:#FFFFFF;
    }
Sie können min-width oder min-height für die kleine Größe problem, und es ist Schwebekörper auf Ihrer Seite?
Ok .. also die min-width und min-height wird verhindert, dass die css-Elemente, die von beweglichen, obwohl die Breite wurde in Prozent angegeben ?
Nein. Es wird die minimale Breite und Höhe. Aber wenn es float-Elemente, die Sie noch bewegen.

InformationsquelleAutor Stack Overflow | 2013-10-14

  1. 15

    Ich bin mir nicht sicher über Ihre Frage, weil Sie nicht erlaubt, beliebigen code, aber ich denke, dass deine Lösung mit dem css-style:

    max-width:50%;
min-width:800px;
max-height:500px;
min-height:21%;

    Eigenschaften in pecentage oder pixel, ganz wie Sie möchten, so können Sie sagen, divs, wie viel erweitern, und wie viel kleiner.

    Hoffe, es hilft, wenn Sie Ihre post-code-vielleicht kann ich nützlicher sein.

    Hinsichtlich

    EDIT 1:

    Dies sollte Ihr problem beheben:

    *{
    margin: 0;
    padding: 0;
    text-decoration: none;
    color: inherit;

}
.header{
        position:relative;
        float:left;
        top:0px;
        width:100%;
        height:100px;
        left:0;
        background:#EB6A4A; 
    }

    .slogan{
        position:relative;
        float:left;
        top:60%;
        left:40.5%;
    }

    .login{
        position:relative;
        float:left;
        top:15%;
        left:90%;
    }

        .whitebackground{
        background:#FFFFFF;
    }

    Genau das gleiche tun mit der Klasse, die Sie nicht poste in css. Die Idee ist, dass alle Elemente mit position relative und schwebte auf der linken Seite, sodass Sie sich nicht bewegen. Sollte funktionieren!

    Also, wenn ich es tun die Art und Weise, die Sie vorgeschlagen, mit Prozentzahlen mit min-height und max-height , Sie wird sich nicht bewegen, wenn ich das Fenster wirklich klein ?
    Wenn Sie mit min-width und min-height in pixel geben Sie eine minimale Größe, die Sie erreichen können. Es sei denn, dass Sie nicht in der Größe verändern. Ich denke, Sie brauchen es, aber solange du keine post-code kann ich nicht effektiv verstehen, was Sie brauchen! Posten Sie Ihre css!
    Bitte können Sie mir ein +1 für die Antwort? server blockiert meine Fragen, und ich wirklich brauchen, um ein post für mein problem! danke!
    Ich bearbeitet meine Frage gepostet und der code ... bitte könnten Sie check it out ... im Grunde die header und andere Elemente verschieben und überlappen, wenn das Fenster zu klein wird nach Größenänderung
    die html auch bitte?

    InformationsquelleAutor SBO

Schreibe einen Kommentar