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 10 empfohlene Artikel über Längeneinheiten
Einführung: Wenn wir mit mobilen Seiten arbeiten, müssen wir das manchmal tun Machen Sie das Bannerbild in ein Quadrat mit der gleichen Breite wie der Bildschirm, um das beste Erlebnis zu erzielen, z. B. auf der mobilen Seite von Flipbord: Wie kann man also mit reinem CSS ein Quadrat erstellen, das sich an die Größe anpassen lässt? 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 im Verhältnis zum Prozentsatz der Ansichtsfensterbreite, 1vw = 1 % Ansichtsfensterbreite...
2.Detaillierte Einführung in mobile Seiten
Einführung: Bei der Verarbeitung mobiler Seiten müssen wir manchmal das Bannerbild in ein Quadrat mit der gleichen Breite wie der Bildschirm umwandeln Um den besten Erlebniseffekt zu erzielen, beispielsweise auf der mobilen Seite von Flipbord: Wie kann man also mit reinem CSS ein Quadrat erstellen, das sich an die Größe anpassen lässt? 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. Empfohlene 10 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...
4 Detailliert den Fall der Verwendung von reinem CSS zur Implementierung von Adaptivem Quadrate
Einführung: Beim Umgang mit mobilen Seiten müssen wir manchmal das Bannerbild an das anpassen Ein breites Quadrat, um das beste Erlebnis zu erzielen, wie zum Beispiel die mobile Seite von Flipbord: Wie kann man also mit reinem CSS ein Quadrat erstellen, das sich an die Größe anpassen lässt? Option 1: CSS3 VW-Einheit CSS3...
5. Wie JavaScript ZeroClipboard verwendet, um die Codefreigabe in der Zwischenablage zu betreiben
Einführung: In diesem Artikel werden hauptsächlich relevante Informationen zur Verwendung von ZeroClipboard für den Betrieb der Zwischenablage mit JavaScript vorgestellt. Er hat einen gewissen Referenzwert
6. H5-Kopiervorgang-Beispielcode
Einleitung: Am Anfang gab es im Web keine Inhalte, auf die man per Clipborad zugreifen konnte. In der Vergangenheit konnten wir Flash nur verwenden, wenn wir kopieren/einfügen/ausschneiden wollten. Aber jetzt hat das große H5 bzw. W3C einen Entwurf für die H5-Steuerungszwischenablage veröffentlicht. Am bekanntesten sind die beiden APIs:
7 Detaillierte Einführung in die Verwendung von ZeroClipboard
Einführung: In diesem Artikel werden hauptsächlich die relevanten Informationen zur Verwendung von ZeroClipboard zum Betrieb der Zwischenablage vorgestellt. Interessierte Freunde können darauf verweisen.
8. Codebeispiel einer XML-Anwendung in Powerbuilder
Einführung: Die Das Datenfenster in Powerbuilder ist wirklich gut. Wenn Sie in den letzten Tagen XML-Dateien für Projekte exportieren müssen, verwenden Sie pb9 (die XML-Export- und Importfunktion stammt von Powerbuilder9.0). hinzugefügte Funktionen) hat eine Demo erstellt, um die Machbarkeit zu überprüfen
9. ES6-Code in ES5 konvertieren
Einführung: In diesem Artikel wird die Verwendung von Gulp und Babel6 zum Konvertieren von ES6-Code in ES5-Code vorgestellt. Wenn Sie andere Tools verwenden, um dies mit Babel zu tun, können Sie hier sehen. Sie wissen nicht, was Gulp ist? Bitte schauen Sie sich zuerst den Gulp-Einstiegsleitfaden an. 1. Abhängigkeiten installieren, globales Gulpnpminstallggulp installieren, das im Projekt verwendete Gulpnpminstallsavedevgulp installieren, das Babel-Plug-in auf Gulp installieren, npminstallsavedevgulpbabel, Babel installieren ...
10 Einführung in die Entwicklung der Programmiersprache Python
Einführung: Python ist meine Lieblingssprache, einfach, schön und einfach zu bedienen. Vor zwei Tagen habe ich meinen Freunden mit Begeisterung die Vorteile von Python vorgestellt. „Okay, ich gebe zu, dass Python gut ist, aber warum heißt es Python?“ „Dann ist der Guido, von dem Sie sprechen, Amerikaner?“ bei Dropbox von Google, aber sein Name klingt niederländisch.“ „Sind Sie sicher, dass Sie mit Python vertraut sind?“ Um meine Schande zu rächen, habe ich mir also die Zeit genommen, die Geschichte von Python zu recherchieren. Ich habe den Ursprung vieler Funktionen in Python und das Design von Python gesehen Aufzählungsprobleme mit beliebigen Kernel-Prozessobjekten
Javascript – ZeroClipboard-Kopierfunktion schlägt fehl, wenn erneut zur Seite zurückgekehrt wird
Auf dem Server bereitgestellt Ein PHP-Projekt Über den Domänennamen kann nicht auf den Server zugegriffen werden.
Javascript – So verwenden Sie Lodash / Underscore für die folgende Datenverarbeitungsgruppenverarbeitung
linux – Welche geeignete Quelle soll ich für Raspberry Pi 2 verwenden?
Das obige ist der detaillierte Inhalt von10 empfohlene Artikel über PB. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
