Wie kann ich eine Taste so einrichten, dass sie ihre Größe bei unterschiedlichen Bildschirmauflösungen behält? Ich habe versucht, '%' zu verwenden, aber es hat bisher nur mit divs funktioniert.Ändern der Tastengröße entsprechend der Benutzerauflösung
Welche Werte sollten x und y haben, so ändert sich die Schaltfläche entsprechend der Bildschirmauflösung?
die Ansicht Anschlussgrößen vw Hinzufügen oder vh setzt die Buttons auf die Browsergröße. Also, wenn der Browser Vollbild ist es aproximatly dort Auflösung wird
button {
width: 10vw;
height: 10vh;
}
body {
height: 100vh;
}<button>Create</button>Versuchen Padding mit wie so und legen Sie es inline
.button
{
display:inline-block;
padding: 2%;
}
Wenn Sie die Höhe erhöhen möchten, Attribute spielen mit line-height wie so
.button
{
line-height: 1.5rem;
display:inline-block;
padding: 2%;
}
Wenn Sie sagen, Sie es verschiedene Größen pro Auflösung sein wollen, was genau meinst du damit? Zum Beispiel, wenn die Auflösung '800x600' gegenüber '1920x1080' ist, aber die gleiche Pixeldichte hat, oder sprechen Sie über die Skalierung von Tasten auf HDPI-Bildschirmen? Wenn es der erste ist, können Sie '@ media' Anfragen verwenden. – Aeolingamenfel
Prozentsatz sollte für eine Schaltfläche funktionieren. Haben Sie bereits die Breite und Höhe aller übergeordneten Elemente einschließlich HTML und Body auf 100% gesetzt? – Koen
Mann, du bist so unklar. Zuerst sagen Sie, dass Sie die Tastengröße bei verschiedenen Bildschirmauflösungen beibehalten möchten und bei der und Sie bitten, Tastenänderungen entsprechend der Bildschirmauflösung vorzunehmen. Was willst du endlich tun ?? –