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.
Können Sie SourceCode zusammen mit CSS posten – Learning
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
Warum verwenden Sie kein Bootstrap oder anderes responsives Framework? Es wird dir leicht fallen. – Learning