2016-10-31 9 views
-2

Das ist also mein Testort: ​​http://www.manukarki.comWie erreiche ich Reaktionsfähigkeit?

Es spricht für Desktop-Größenanpassung und mobil Online-Emulationen wie mobiletest.me aber für das reale Gerät (mein moto G 1. GEN) es funktioniert nicht. Derzeit lautet die Medienabfrage dafür @media only screen and (max-width: 640px). Jetzt habe ich auch "max-device-width" ausprobiert, aber es ändert sich ein wenig, aber nicht annähernd wie in Bildschirmgröße und mobiletest.me Test. Ich möchte wirklich Bootstrap, Foundation, etc. nicht verwenden. Ich möchte wirklich von Grund auf neu lernen.

+1

Können Sie SourceCode zusammen mit CSS posten – Learning

+1

Einige alte Browser wie ie8 unterstützten keine Medienabfragen, daher sollten Sie respond.js verwenden. Sie sollten auch mehrere @ media-Klauseln haben, um css-Verhalten auf verschiedenen Bildschirmbreiten zu definieren, wie Desktop, Tablet, Mobile. Sonst bist du auf dem richtigen Weg. – Aus

+0

Warum verwenden Sie kein Bootstrap oder anderes responsives Framework? Es wird dir leicht fallen. – Learning

Antwort

1

Sie müssen der Ihrer Seite ein Viewport-Metatag hinzufügen.

<meta name="viewport" content="width=device-width, initial-scale=1"> 

Sie können mehr über die lesen mozilla developer network

+0

Es funktionierte wie ein Zauber. Vielen Dank. –

+0

Sie sind herzlich dazu eingeladen, den Inhalt auf die Größe des Geräte-Viewports zu skalieren und dabei Ihre CSS-Eigenschaften zu berücksichtigen. – Aaron

0

verknüpften CSS-Datei auf http://www.manukarki.com/mobile.css Umleitungen an einem 404-Fehler (und so auch /code.js). Sind Sie sicher, dass Sie diese Dateien korrekt hochgeladen haben?

+0

Das CSS ist eigentlich main.css und ich muss noch Javascript-Datei erstellen, die da sein soll. –

0

Bootstrap, mit nur dem CSS können Sie eine Menge tun. Oder gehen Sie den ganzen Weg, und verwenden Sie auch ihre Javascript.

Aber Sie scheinen nicht zu wollen, es zu verwenden. Nun, es ist deine Zeit (sehe nicht die Notwendigkeit, das Rad neu zu erfinden, wenn jemand anderes die harte Arbeit getan hat). Könnte informativ sein, um zu sehen, wie sie es machen.

Verwandte Themen