Mit fullpage.js habe ich eine "Folien" -Seite erstellt, die in einem Browser gut aussieht, aber auf einem iPhone wird der Text nicht auf den Bildschirm skaliert (und auch nicht zoombar).Ändern der Textgröße für mobile Benutzer
in der CSS-Datei, habe ich die Schrift auf 1.2em gesetzt, ist es eine Möglichkeit, diesen Text skalieren bis zu einer besser lesbaren Größe auf dem iPhone zu machen?
Wenn Sie auf Ihrem Handy sehen möchten:
Dank SO
Für jede Auflösung zu skalieren Sie verschiedene CSS Bedeutung festlegen. Zum Beispiel
@media screen and (max-width: 300px) {
body {
background-color:lightblue;
}
}
Es bedeutet, wenn die Auflösung nicht mehr als 300 ist, wird es einen anderen Hintergrund für den Körper verwenden. Wenn Sie nicht alles in der gleichen css haben möchten, dann können Sie wie folgt verknüpfen:
<link rel="stylesheet" type="text/css" href="tablets.css" media="screen and (min-width: 600px) and (max-width: 800px)">
Sie könnten CSS3 "vw" versuchen. Es unterstützt neue Dimensionen, die relativ zum Ansichtsport sind.
div
{
font-size: 3.2vw;
}
Verwendung Medienanfragen etwas wirklich machen Ihre Website vollständig ansprechbar