[RUBY] Unterschied zwischen vh und%

Ich möchte das Leerzeichen am unteren Rand des Kreditkartenregistrierungsbildschirms entfernen. Auf dem Foto ist es schwer zu sehen, aber die Leerzeichen, die in dem von Gelb umgebenen Bereich auftreten Ich bemühte mich, es loszuwerden.

スクリーンショット 2020-09-23 10.21.22.png

Überprüfen Sie verschiedene Dinge, und in HTML und Körper

height: 100%;

Als ich die Methode des Erratens ausprobierte, war auch die Ansicht anderer Seiten betroffen. Geben Sie diese Methode auf. .. ..

Danach kämpfte ich ungefähr zwei Stunden lang. in der Klasse card_add

height: 100vh;

Dies ist eine schnelle Lösung.

Ich habe den Unterschied zwischen% und vh bei der Angabe der Höhe des Elements nicht verstanden. Es scheint, dass es einige Zeit gedauert hat, hierher zu kommen.

Unterschied zwischen vh und%

【vh】 Hängt vom Anzeigebereich der Seite ab.

height: 100vh;

Wenn Sie angeben, wird die Höhe im gesamten Anzeigebereich der Seite angezeigt.

【％】 Hängt vom übergeordneten Element ab.

height: 100%;

Wenn Sie angeben, wird auch die Größe des übergeordneten Elements angezeigt.

Recommended Posts

Unterschied zwischen vh und%
Unterschied zwischen i ++ und ++ i
Unterschied zwischen Produkt und Variante
Unterschied zwischen redirect_to und render
[Java] Unterschied zwischen == und gleich
Unterschied zwischen redirect_to und render
Unterschied zwischen CUI und GUI
Unterschied zwischen Variablen und Instanzvariablen
Unterschied zwischen Klasse und Instanz
Unterschied zwischen Bundle und Bundle-Installation
Unterschied zwischen ArrayList und LinkedList
Unterschied zwischen render und redirect_to
Unterschied zwischen List und ArrayList
Unterschied zwischen .bashrc und .bash_profile
Unterschied zwischen StringBuilder und StringBuffer
Unterschied zwischen render und redirect_to
[Ruby] Unterschied zwischen get und post
Unterschied zwischen Schnittstelle und abstrakter Klasse
Unterschied zwischen == Operator und Methode gleich
[Java] Unterschied zwischen Hashmap und HashTable
[Terminal] Unterschied zwischen irb und pry
JavaServlet: Unterschied zwischen executeQuery und executeUpdate
[Ruby] Unterschied zwischen is_a? Und instance_of?
[Rails] Unterschied zwischen find und find_by
[JAVA] Unterschied zwischen Abstract und Interface
Unterschied zwischen Thymeleaf @RestController und @Controller
Unterschied zwischen Stream Map und FlatMap
[Java] Unterschied zwischen Array und ArrayList
Unterschied zwischen string.getByte () und Hex.decodeHex (string.toCharaArray ())
[Java] Unterschied zwischen Closeable und AutoCloseable
[Java] Unterschied zwischen StringBuffer und StringBuilder
[Java] Unterschied zwischen Länge, Länge () und Größe ()
[Rails] Unterschied zwischen redirect_to und Rendern
[Android] Unterschied zwischen finish () und return;
Hinweis: Unterschied zwischen Ruby "p" und "Puts"
Unterschied zwischen final und Immutable in Java
[Hinweis] Unterschied zwischen Bundle-Installation und -Update
Unterschied zwischen Ruby-Instanzvariable und lokaler Variable
Unterschied zwischen pop () und peek () im Stapel
[Für Anfänger] Unterschied zwischen Java und Kotlin
Unterschied zwischen isEmpty und isBlank von StringUtils
Unterschied zwischen getText () und getAttribute () von Selen
Über den Unterschied zwischen irb und pry
Unterschied zwischen EMPTY_ELEMENTDATA und DEFAULTCAPACITY_EMPTY_ELEMENTDATA in ArrayList
[Ruby] Unterschied zwischen print, put und p
[Java] Unterschied zwischen Intstream-Bereich und rangeClosed
Unterschied zwischen int und Integer in Java
[Rails] Unterschied zwischen redirect_to und render [Anfänger]
[iOS] Verstehe den Unterschied zwischen Frame und Grenzen
[Rails / Active Record] Über den Unterschied zwischen create und create!
Unterschied zwischen next () und nextLine () in Java Scanner
Verstehe den Unterschied zwischen abstrakten Klassen und Schnittstellen!
Was ist der Unterschied zwischen SimpleDateFormat und DateTimeFormatter? ??
Wechseln Sie zwischen JDK 7 und JDK 8
Unterschied zwischen Mitglied und Sammlung von Schienen route.rb
[Schienen] Unterschied zwischen Erstellungsmethode und neuer + Speichermethode