Kurze CSS frage bezüglich responsive designs

  • Hi,


    Mit nem responsive Design ist es ja möglich das Webseiten unabhängig von der Bildschirmgröße richtig angezeigt werden richtig? Nun wenn dem so ist sollte man dann alle px zu % ändern ? zB margin-top: 10px; zu margin-top: 5%;
    Macht es dann überhaupt Sinn px zu nutzen wenn ja wann ist dem so?!



    MfG XeroX

  • natürlich solltest Du nicht alle Pixel zu prozent ändern.
    Mit Responsive-Designs kannst du z.B. sehr leicht die eigentliche Seitenbreite angeben.


    Dabei musst Du natürlich beachten, dass der Innenabstand in Containern dennoch nicht Prozentual ist.
    Der soll ja immer gleich bleiben. Also nur weil der Bildschirm größer ist soll z.B. der Innenabstand zwischen der Seite eines Div-Elements und dem Beginn eines Textes immer bspw. 10px betragen.


    Bei Responsive Designs solltest Du außerdem darauf achten dass Grafiken die Du z.B. als Hintergrundbild für Div-Container einsetzt sich richtig wiederholen.
    Sowas kann ziemlich schnell in die Hose gehen.


    //EDIT: Nachtrag:
    Auch bei Höhen solltest Du lieber Pixel benutzen (z.B. ein Div-Element für ein Logo mit einem gewissen Abstand zum Oberen Browserende).
    Da macht es ebenfalls keinen Sinn mit Prozent zu arbeiten. Ebenso Abstände zwischen verschiedenen Div-Container.

  • Ich benutze generell nie zuviel %. Mir ist die Gefahr zu groß, das wenn man über seinen Bildschirm was anpasst (eben mit Pixel) es dann bei anderen Bildschirmbreiten völlig anders angezeigt wird. Deswegen versuch ich mit px eine Breite zu benutzen die für realtiv alle Monitorbreiten funktioniert. (ausgenommen sind jetzt mal Handys/Tablets)


    - Tom

  • Was haben denn Prozentangaben mit responsivem Webdesign zu tun? Wesentlicher Bestandteil, genau genommen die Grundlage, für responsives Webdesign sind Media Queries - und keine ollen Prozentangaben. Keine Ahnung, wer euch diesen Floh in den Kopf gesetzt hat.

    Moderator der Bereiche: Coding, Vorstellungsrunde und Handelsecke. Über Verwarnungen, falls du zu den Wenigen gehörst, die eine Verwarnung von mir erhalten haben, kannst du jederzeit mit mir reden, sofern der Umgangston stimmt.


    expect us. / unkompetent. Das neue dynamisch. / easy-stripping.net - coming soon! / "9§. the entire website bestands out of english." / Vollprofi in allem, wo gibt und noch mehr; kann auch OOP.
    Kleine Coding-Frage? Schau doch in #dev im IRC vorbei, wir können dir sicher helfen.


    Ich bin für Aufträge im Bereich der Webentwicklung (z.B. User Control Panel) zu haben. Kontaktiere mich diesbezüglich einfach in einer privaten Nachricht mit deinen, möglichst konkreten, Vorstellungen.


    lesen.denken.posten. - [22:54:14] <Goldkiller2> früher gabs immer so coole user da stand in der signatur "lesen.denken.posten."


    Mafia 2 Multiplayer (m2mp.de) - Eine kostenlose Modifikation für Mafia 2, die es, ähnlich wie SAMP, erlaubt über das Internet oder LAN mit bis zu 1000 anderen Spielern zu spielen.