Heim Web-Frontend CSS-Tutorial 10 empfohlene Artikel zum Thema Längeneinheiten

10 empfohlene Artikel zum Thema Längeneinheiten

Jun 13, 2017 am 09:24 AM

Wenn wir mit mobilen Seiten arbeiten, müssen wir manchmal das Bannerbild in ein Quadrat mit der gleichen Breite wie der Bildschirm umwandeln, um das beste Erlebnis zu erzielen, wie zum Beispiel bei der mobilen Seite von Flipbord: Wie sollten wir also reines CSS verwenden, um eine adaptive zu erstellen? Banner? Wie sieht es mit der Größe des Quadrats aus? Lösung 1: CSS3 vw-Einheit CSS3 fügt einen neuen Satz von Längeneinheiten vw, vh, vmin, vmax relativ zum Prozentsatz des sichtbaren Bereichs hinzu. Dabei ist vw die Einheit relativ zum Prozentsatz der Ansichtsfensterbreite, 1vw = 1 % Ansichtsfensterbreite, vh ist die Einheit relativ zum Prozentsatz der Ansichtsfensterhöhe, 1vh = 1 % Ansichtsfensterhöhe ist die kleinere im Verhältnis zur aktuellen Breite und Höhe des Ansichtsfensters. Ebenso ist vmax die prozentuale Einheit, die größer als die aktuelle Breite und Höhe des Ansichtsfensters ist. Die Browserkompatibilität dieser Einheit ist wie folgt: Mit der VW-Einheit können wir problemlos adaptive Quadrate erstellen:

&a

1 Ausführliche Einführung zu mobilen Seiten

10 empfohlene Artikel zum Thema Längeneinheiten

Einführung: Beim Umgang mit mobilen Seiten kann es manchmal so sein Es ist notwendig, das Bannerbild in ein Quadrat mit der gleichen Breite wie der Bildschirm umzuwandeln, um das beste Erlebnis zu erzielen, wie z. B. die mobile Seite von Flipbord: Wie kann man also reines CSS verwenden, um ein Quadrat zu erstellen, das sich an die Größe anpassen kann? Lösung 1: CSS3 vw-Einheit CSS3 fügt einen neuen Satz von Längeneinheiten vw, vh, vmin, vmax relativ zum Prozentsatz des sichtbaren Bereichs hinzu. wobei vw die Einheit im Verhältnis zum Prozentsatz der Ansichtsfensterbreite ist, 1vw = 1 % Ansichtsfensterbreite...

2 10 empfohlene Artikel über VW-Einheiten

Einführung: Beim Umgang mit mobilen Seiten müssen wir manchmal das Bannerbild in ein Quadrat mit der gleichen Breite wie der Bildschirm umwandeln, um das beste Erlebnis zu erzielen, wie zum Beispiel bei der mobilen Seite von Flipbord: Dann Wie erstellt man mit reinem CSS ein Quadrat, das sich an seine Größe anpassen kann? Lösung 1: CSS3 vw-Einheit CSS3 fügt einen neuen Satz von Längeneinheiten vw, vh, vmin, vmax relativ zum Prozentsatz des sichtbaren Bereichs hinzu. wobei vw die Einheit im Verhältnis zum Prozentsatz der Ansichtsfensterbreite ist, 1vw = 1 % Ansichtsfensterbreite...

3.Detaillierte Einführung in das Höhenattribut

10 empfohlene Artikel zum Thema Längeneinheiten

Einführung: CSS-Höhe bezieht sich auf die entsprechende p-Höhe, die durch den CSS-Stil festgelegt wird. Das CSS-Höhenattribut ist die Worthöhe. und die Breite kann auf „Berechnen der Höhe als Prozentsatz“, „Festlegen der Höhe als Pixelwert“, „Festlegen der Höhe in relativen Längeneinheiten“ und mehr eingestellt werden. Dieses Attribut wird von allen gängigen Browsern unterstützt. Im Folgenden wird die Verwendung des Höhenattributs zusammengefasst. 1. Verwenden Sie CSS, um das hochadaptive Problem zu lösen. Ich bin sehr resistent gegen die Verwendung von js, um das hochadaptive Problem zu lösen, da es nicht einfach zu warten und nicht natürlich genug ist. Es ist jedoch nicht einfach, reines CSS zu verwenden das Beispiel, über das ich weiter unten sprechen werde. Anforderungen: 1. ...

4. Eine Zusammenfassung der Verwendung des Höhenattributs height in CSS

10 empfohlene Artikel zum Thema Längeneinheiten

Einführung: Die CSS-Höhe bezieht sich auf die entsprechende p-Höhe, die über CSS-Stile festgelegt wird. Das CSS-Höhenattribut ist die Worthöhe. Die Breite kann zur Berechnung der Höhe festgelegt werden als Prozentsatz oder legen Sie die Höhe als Pixelwert fest. Legen Sie die Höhe in relativen Längeneinheiten fest und so weiter. Dieses Attribut wird von allen gängigen Browsern unterstützt. Im Folgenden wird die Verwendung des Höhenattributs zusammengefasst. 1. Verwenden Sie CSS, um hochadaptive Probleme zu lösen, da es schwierig zu warten und nicht natürlich genug ist. Es ist jedoch nicht einfach, reines CSS zu verwenden, wie im Beispiel I wird weiter unten besprochen.

5. Eine Zusammenfassung der Verwendung des Breitenattributs width in CSS

10 empfohlene Artikel zum Thema Längeneinheiten

Einführung: CSS-Breite bezieht sich auf das Festlegen der entsprechenden Div-Breite über den CSS-Stil. Das CSS-Breite-Attribut ist die Breite des Wortes, um die Breite in Prozent zu berechnen Pixelwert und legen Sie die Breite in relativen Längeneinheiten usw. fest. Dieses Attribut wird von allen gängigen Browsern unterstützt.

6. Zusammenfassung der drei gängigen Längeneinheiten (px em rem) in CSS

10 empfohlene Artikel zum Thema Längeneinheiten

Einführung: Das Folgende ist eine Zusammenfassung der gängigen HTML-Einheiten in Webseiten und eine Einführung in Längeneinheiten im CSS+Div-Layout. Ich persönlich denke, dass der Nachteil, px als Schrifteinheit zu verwenden und die Browser-Schriftskalierungsfunktion unter dem IE nicht nutzen zu können, nicht mehr so ​​wichtig ist. Da die neuen Versionen von IE7 und IE8 bereits die Zoomfunktion der gesamten Webseite unterstützen, einschließlich Firefox, der standardmäßig die gesamte Webseite skaliert, anstatt CSS-Schriftarten zu skalieren. Hat es eine Bedeutung, nicht nur die Schriftgröße zu skalieren?

7. Zusammenfassung der CSS-Margin-Eigenschaften und -Nutzung

10 empfohlene Artikel zum Thema Längeneinheiten

Einführung: Der Leerraum, der den Rand eines Elements umgibt, ist der Rand. Durch das Festlegen von Rändern entsteht zusätzlicher „Leerraum“ außerhalb des Elements. Die einfachste Möglichkeit, Ränder festzulegen, ist die Verwendung der Margin-Eigenschaft. Die Margin-Eigenschaft akzeptiert jede Längeneinheit, die Pixel, Zoll, Millimeter oder Ems, Prozentwerte oder sogar negative Werte sein kann. In diesem Artikel geht es ausführlich um die Margin-Eigenschaft und deren Verwendung.

8. Detaillierte Erläuterung der Verwendung des CSS-Margin-Attributs

10 empfohlene Artikel zum Thema Längeneinheiten

Einführung: Der einfachste Weg, Ränder festzulegen, ist die Verwendung des Margin-Attributs. Die Eigenschaft „margin“ akzeptiert jede Längeneinheit, die Pixel, Zoll, Millimeter oder Ems sein kann. Der Rand kann auf „Auto“ eingestellt werden. Ein häufigerer Ansatz besteht darin, einen Längenwert für die Ränder festzulegen. Die folgende Deklaration legt einen 1/4 Zoll breiten Rand auf allen Seiten des h1-Elements fest:

9 Details zu Längeneinheiten in CSS

10 empfohlene Artikel zum Thema Längeneinheiten

Einführung: Der folgende Editor bringt Ihnen ein Klischee über die Längeneinheit in CSS. Der Herausgeber findet es ziemlich gut, deshalb werde ich es jetzt mit Ihnen teilen und es allen als Referenz geben. Folgen wir dem Editor, um einen Blick darauf zu werfen

10 PHP verwendet mb_substr(), um das Problem des Abfangens verstümmelter chinesischer Zeichenfolgen zu lösen

10 empfohlene Artikel zum Thema Längeneinheiten

Einführung: PHP verfügt über mehrere String-Abfangfunktionen, unter denen substr und mb_substr häufig verwendet werden. Wenn ersteres Chinesisch verarbeitet, beträgt GBK 2 Längeneinheiten und UTF 3 Längeneinheiten. Nachdem letzteres die Codierung angegeben hat, ist ein chinesisches Zeichen 1 Längeneinheit.

Das obige ist der detaillierte Inhalt von10 empfohlene Artikel zum Thema Längeneinheiten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
Will R.E.P.O. Crossplay haben?
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Arbeiten mit GraphQL Caching Arbeiten mit GraphQL Caching Mar 19, 2025 am 09:36 AM

Wenn Sie kürzlich mit GraphQL gearbeitet oder seine Vor- und Nachteile überprüft haben, haben Sie zweifellos Dinge wie "GraphQL nicht unterstützen Caching" oder gehört

Aufbau einer Ethereum -App mit Redwood.js und Fauna Aufbau einer Ethereum -App mit Redwood.js und Fauna Mar 28, 2025 am 09:18 AM

Mit dem jüngsten Aufstieg von Bitcoins Preis über 20.000 USD und kürzlich von 30.000, dachte ich, es lohnt

Vue 3 Vue 3 Apr 02, 2025 pm 06:32 PM

Es ist aus! Herzlichen Glückwunsch an das Vue -Team, dass es eine massive Anstrengung war und lange kommt. Alle neuen Dokumente auch.

Erstellen Sie Ihr eigenes Bragdoc mit ELEITY Erstellen Sie Ihr eigenes Bragdoc mit ELEITY Mar 18, 2025 am 11:23 AM

Unabhängig davon, in welcher Phase Sie als Entwickler Sie befinden, haben die Aufgaben, die wir erledigen - ob groß oder klein - einen enormen Einfluss auf unser persönliches und berufliches Wachstum.

Können Sie gültige CSS -Eigenschaftswerte aus dem Browser erhalten? Können Sie gültige CSS -Eigenschaftswerte aus dem Browser erhalten? Apr 02, 2025 pm 06:17 PM

Ich ließ jemanden mit dieser sehr legitimen Frage einschreiben. Lea hat gerade darüber gebloggt, wie Sie gültige CSS -Eigenschaften selbst aus dem Browser erhalten können. Das ist so.

Ein bisschen auf CI/CD Ein bisschen auf CI/CD Apr 02, 2025 pm 06:21 PM

Ich sage "Website" passt besser als "Mobile App", aber ich mag dieses Rahmen von Max Lynch:

Gestapelte Karten mit klebriger Positionierung und einem Schuss Sass Gestapelte Karten mit klebriger Positionierung und einem Schuss Sass Apr 03, 2025 am 10:30 AM

Neulich habe ich dieses besonders schöne Stück von der Website von Corey Ginnivan entdeckt, auf der eine Sammlung von Karten aufeinander stapelt.

Vergleich von Browsern für reaktionsschnelles Design Vergleich von Browsern für reaktionsschnelles Design Apr 02, 2025 pm 06:25 PM

Es gibt eine Reihe dieser Desktop -Apps, in denen das Ziel Ihre Website gleichzeitig in verschiedenen Dimensionen angezeigt wird. So können Sie zum Beispiel schreiben

See all articles