Anzeigen einer Bildergalerie mit Bildern unterschiedlicher Größe und Verhältnis mit den folgenden Spezifikationen: Keine Leerzeichen (Ränder) zwischen den Bildern. Das ursprüngliche Verhältnis so weit wie möglich respektieren. Bilder umgeben von einem Link. Nicht-JS-Lösung. Bilder könnten etwas...
Ich habe mich herausgefordert, eine visuell dynamische und interaktive Erfahrung nur in HTML und CSS (kein Javascript) zu schaffen. Bisher bin ich auf keine Funktion gestoßen, die ich in reinem CSS und HTML nicht ausführen konnte. Dieser ist vielleicht etwas schwieriger. Ich brauche den Benutzer...
Ich habe ein Skript (mit Hilfe eines Benutzers hier) codiert, mit dem ich ein ausgewähltes Div erweitern und die anderen Divs entsprechend verhalten kann, indem ich es gleichmäßig strecke, um es an den verbleibenden Platz anzupassen (mit Ausnahme des ersten, dessen Breite festgelegt ist). Und hier...
Ich habe ein Containerelement, das einige andere Elemente enthält, aber je nach Bildschirmgröße sind Teile davon unerklärlicherweise an verschiedenen Stellen abgeschnitten. Sie können das Verhalten auf meinem Code-Sandbox-Link beobachten, wenn die Breite der HTML-Seite angepasst wird (durch Klicken...
Obwohl das <meta name="viewport">Tag nicht standardisiert ist, wird es "von den meisten mobilen Browsern aufgrund der De-facto-Dominanz respektiert". Ein Nachteil davon, dass es sich nicht um einen echten Webstandard handelt, ist, dass eine detaillierte Dokumentation nicht so verfügbar ist...
Ich habe vier Farben und möchte sie auf die verschachtelten Divs anwenden, damit jedes nächste Kind eine andere Farbe hat. Wenn es eine fünfte Verschachtelungsebene gibt, möchte ich bei der ersten Farbe von vorne beginnen und diese auch dann fortsetzen, wenn ich unendlich tiefe...
Ich kämpfe darum, dass sich die Dinge verhalten. Ich habe eine dynamische Liste von Bildern auf einer reaktionsfähigen Site. Das Layout wird dort generiert, wo Bilder in Zeilen / Spalten oder Spaltenzeilen sein können. Dieses Beispiel ist nah, aber die gepaarten Bilder werden unten nicht...
In den Versionshinweisen zu Safari 13 wird angegeben, dass Folgendes nicht mehr auf ein Element angewendet werden muss, um den Bounce-Scroll-Effekt zu aktivieren: div { overflow-x: scroll; -webkit-overflow-scrolling: touch; /* No longer needed */ } Mit dem folgenden Code kann ich diesen Effekt...
Ich habe derzeit Probleme damit, die Wiedergabe- / Pausensymbole durch Text zu ersetzen, während die Umschaltanimation beibehalten wird. Ich versuche genau zu verstehen, welcher JS-Code die Symbole rendert, und sie zweitens zu entfernen / auszublenden, damit sie durch Text ersetzt werden...
Ich habe gelernt, Animation in CSS mit @keyframe zu verwenden. Ich möchte jedoch meinen benutzerdefinierten Animationscode in mein Reaktionsprojekt schreiben (Using materialUI). Meine Herausforderung besteht darin, wie ich den Javascript-Code schreiben kann, um meine Animationen mithilfe von...
Ich habe ein div, das ein Bild und etwas Text enthält (das Bild hat die variable Größe und der Text die variable Länge). Gibt es eine Möglichkeit, die Höhe zu berechnen, die erforderlich ist, um den gesamten div-Inhalt anzupassen, da die genaue Breite vordefiniert ist? UPD erhält bei Verwendung...
Ich habe Elemente auf einer Seite, die "fokussierbar" sind (Schaltflächen, Elemente mit Tabindex usw.), und der Bildschirmleser liest den Inhalt einwandfrei. Ich habe jedoch einige andere Elemente, die nicht fokussierbar sind (aufgrund der Tatsache, dass es viele davon gibt -
Im folgenden Beispiel passt sich der Kreis an die Rasterbreite an und behält sein Seitenverhältnis bei. Wenn die Behälterbreite kleiner wird, schrumpfen die Kreise mit ... Wenn die Höhe jedoch kleiner als die Breite ist (zweites Feld), verkleinert sich der Kreis nicht außerhalb des Rasters. Gibt es...
Dies ist Teil des Bismon- Projekts (eine GPLv3 + -Software, die von europäischen H2020-Projekten finanziert wird), git commit0e9a8eccc2976f . Dieser Berichtsentwurf beschreibt die Software. Diese Frage gibt mehr Kontext und Motivationen. Es handelt sich um die (handgeschriebene) Datei webroot /...
Ich möchte Bilder mit Verkleinerung auf das 2. Bild, das 3. Bild usw. übertragen. Ich habe versucht, es mit einigen Keyframes über Hintergrundbild und Skalierung selbst zu machen, und es hat anständig funktioniert, außer es gab zwei Probleme. 1. Mein Text und meine Schaltflächen wurden ebenfalls...
Video zur Demonstration meines Problems: https://i.imgur.com/L3laZLc.mp4 Ich habe eine einfache App, in der Sie Karten zu 2 verschiedenen Zeilen hinzufügen können. Wenn einer Zeile eine Karte hinzugefügt wird, löse ich react-transition-groupeine "Enter" -Animation aus. Ich habe jedoch auch...
Ich habe einen solchen Code: .img-container { width: 300px; height: 300px; background-color: lightgreen; overflow: hidden; } .clipped-img { clip-path: url('#header-clip-svg'); } <div class="img-container"> <!--clipping SVG--> <svg height="0" width="0"> <defs>...
Wenn ein Benutzer eine Geste zum Tippen und Halten ausführt, um ein Wort auszuwählen, und dann seinen Finger entweder zum oberen oder unteren Rand des Bildschirms zieht, wird die Seite automatisch gescrollt, um die Auswahl anzupassen. Hier ist ein kurzer Clip, der dies demonstriert Ich möchte...
Ich versuche, einen Vollbild-Videohintergrund für meine IonicApp zu erhalten. Er funktioniert einwandfrei unter Android und im Browser. Wenn ich die App jedoch auf einem iPhone im Xcode-Simulator ausführe, ist dies nur ein weißer Hintergrund und das Video wird nicht geladen . HTML Quelltext:...
Ich möchte einen Editor mit Slate oder ProseMirror erstellen und bei Verwendung eines Inline-Elements ein merkwürdiges Verhalten mit Chrome um die Caret-Position und den Auswahlbereich feststellen . Problem 1 ist im ersten Bild unten dargestellt. Wenn sich die Position des Textcursors hinter dem...