Verwenden Sie Gem Bootstrap
Erstellen Sie reaktionsschnelle Bildschirme mit Rails. Zu diesem Zeitpunkt möchte ich die Größe der Zeichen schön größer oder kleiner machen.
app/assets/stylesheets/application.scss
body, html { font-size: 30px; }
@media screen and (min-width: 576px) and (max-width: 768px) { body, html { font-size: 30px; } }
@media screen and (min-width: 769px) and (max-width: 992px) { body, html { font-size: 30px; } }
@media screen and (min-width: 993px) and (max-width: 1200px) { body, html { font-size: 16px; } }
@media screen and (min-width: 1201px) { body, html { font-size: 20px; } }
OK, wenn Sie die obige Größe ändern Wenn man verschiedene Dinge betrachtet, ist es besser, nicht mit px zu setzen, daher werden auch andere Methoden in Betracht gezogen Diesmal ist es eher scss als Rails