Ich habe meine eigene einleitende Website (ASP.NET) entwickelt. Ich habe nur HTML und CSS verwendet, da ich nicht gut in der Website-Gestaltung bin. Aber die Webseite sieht auf dem Handy-Browser nicht gut aus. Kann mir jemand vorschlagen, wie ich den gleichen Code verwenden/aktualisieren kann, so dass es im Handy-Browser auch ohne explizites Bootstrapping gut aussieht?Responsive Webdesign
Asp.NET hat hier nichts mit Responsive Web Design zu tun.
Erstellen Sie einfach CSS, das die Elemente an der Stelle setzt, an der Sie sie entsprechend der Auflösung und Ihrem Nutzen haben möchten.
spezifische Auflösung Verwendung Medienanfragen zielen: Auflösung
@media screen and (min-width: 480px) {
a {
color: red;
}
}
Ich habe bereits den Code entwickelt.Ist es eine Möglichkeit, den gleichen Code zu konvertieren, so dass die Website reaktionsfähig werden? Einige Werkzeug etc .. –
Er stellte Ihnen die CSS, die Sie benötigen, um die Website ansprechend zu machen. Verwenden Sie die Entwicklertools (F12 auf Ihrer Tastatur), um die Größe der Seite zu ändern, um zu sehen, was mit Ihrer Website geschieht, wenn Sie sie verkleinern. Fügen Sie "Medienbruchpunkte" wie oben beschrieben hinzu, um die Stile Ihrer Website zu ändern, um alles zu korrigieren, das schlecht aussieht. Ich empfehle Ihnen dringend, ein paar Artikel über Responsive Design zu lesen. Sie sollten Ihre Website auch mit Blick auf Mobilgeräte entwerfen und mindestens zwei Modelle in Photoshop, Mobile und Desktop erstellen, damit Sie ein klares Ziel bei der CSS-Änderung haben. – SeanKendle
Auch können Sie Ihren Browser developer tools verwenden, um zu sehen, wie Ihre Seite in verschiedenen Bildschirm sieht Größen
Sie bekommen meinen Punkt nicht !! Ich habe bereits die gesamte Website entwickelt, gibt es eine Möglichkeit, sie in eine responsive Website zu "konvertieren"? –
Auch wenn Sie Bootstrap nicht verwenden möchten Englisch: www.saferinternet.org/ww/en/pub/ins.../web_2_0.htm Ich denke, dass das Erstellen von responsiven Seiten das erste Mal in CSS funktioniert.
Der Kern des Bootstrap bezieht sich auf die Seitenbreite wie Pawel Lukasik oben erwähnt. Im einfachsten Fall hat eine bestimmte Breite einen Stil und unterhalb einer bestimmten Breite einen anderen, der die Position/Breite/Schweberate dieses Inhalts auf der Seite bestimmt.
Im Fall von Bootstrap haben sie diese verschiedenen Arten mit den verschiedenen ‚Rasteroptionen‘ http://getbootstrap.com/css/#grid-example-basic
Ich schlage vor, Sie auf den folgenden link einen Blick identifiziert. Sie erhalten eine Übersicht über Medienabfragen, die in CSS für Responsive Design verwendet werden. Wie oben erwähnt, ist es auch eine gute Idee, sich den Code für Bootstrap anzusehen. Es wird Ihnen eine Idee geben, wie es Reaktionsfähigkeit erreicht, Sie können dann versuchen, Ihr eigenes CSS zu erstellen, um das gewünschte Ergebnis zu erzielen.
Wenn jemand mit der Frage nicht zufrieden ist, fügen Sie bitte einen Kommentar hinzu, um ihn klarer zu machen, anstatt ihn zu wählen. –