OnClick funktioniert in React JS auf Mobilgeräten nicht

Bei der Überprüfung der Signatur (siehe Demo-Video) löst onClick die Funktion onSet() nicht auf Tablets/Mobilgeräten aus, sondern funktioniert auf Computern. Auf Tablets/Mobilgeräten funktioniert onClick nur außerhalb der Schaltfläche. Ich möchte, dass die onClick-Funktion auf Tablets/Mobilgeräten a...

P粉342101652 2023-08-18 11:58:16 0  1  525

Was sind die Best Practices für Bilder, die als Hauptabschnitte verwendet werden?

Ich habe einen Abschnitt, der ein Bild als Hauptabschnitt verwendet. Das Problem ist, dass das Bild mit 1 MB zu groß für Mobiltelefone, Tablets und Desktops ist. Ich mache mir Sorgen, dass das Bild zu groß ist. Ich würde gerne wissen, welche Best Practices bei der Verwendung von Bildern als Hintergr...

P粉727416639 2023-09-19 20:54:07 0  1  822

Automatische Anpassung an Div-Container in Javascript

Ich habe ein Div mit verschiedenen Größen. Es kann folgende Abmessungen haben: Höhe: 780, Breite: 1390 oder Höhe: 524, Breite: 930. React-Anwendungen werden auf zwei Arten von Bildschirmen angezeigt: Full HD 1920 x 1080 und 4K 3840 x 2054. Ich möchte, dass das Div unterschiedliche Größen und Bildsch...

P粉806834059 2023-09-13 19:20:46 0  1  664

Erstellen Sie vielfältige Kartenlayouts mit einem einzigen Raster oder Flex: eine praktische Anleitung

Ich versuche, ein responsives Kartenlayout wie das abgebildete zu erstellen. Derzeit erstelle ich separate Layouts für Computer, Tablets und Mobilgeräte. Dann habe ich mit Hilfe der Medienabfrage die Anzeigeeigenschaft der anderen beiden Ansichten auf display:none gesetzt. Beispiel: Wenn ich mich in...

P粉808697471 2024-04-02 21:07:36 0  2  570

Benutzerdefinierter Shortcode für Produkttaxonomiebegriffe für Kinder und Enkel funktioniert nicht wie erwartet

Ich verwende zwei Shortcodes [Markenname] und [Produktname], um Unterkategoriebegriffe und Enkelkategoriebegriffe in einer einzelnen Produktvorlage anzuzeigen. Beispiel 1: Smartphones > Apple > iPhone 14 Beispiel 2: Tablets > Apple > iPad Pro 12,9 Zoll (5. Generation) Beispiel 1 Shortcod...

P粉940538947 2024-03-20 11:59:26 0  1  727

React.js CSS-Fensterbreite

Ich entwickle eine responsive Website mit React. Für das Styling verwende ich CSS-Stylesheets. Der Antwortteil wird in CSS mithilfe von @media-Abfragen implementiert. Das Problem besteht darin, dass die Elemente bei Verwendung von Chrome größer erscheinen und das Layout so aussieht, als würde ich üb...

P粉396248578 2024-03-31 16:31:23 0  1  547

Möglichkeiten zur Behebung des Problems 2003 (HY000): Verbindung zum MySQL-Server „db_mysql:3306' nicht möglich (111)

Ich habe kürzlich versucht, meinen FastAPIPython-Server zu containerisieren (auch für die Replikation/Verdoppelung). Vorher hatte ich nur einen MySQL-Server in einem Docker-Container und alles war in Ordnung, aber als ich meinen Webserver auch zu einem Dienst machte, konnte er keine Verbindung zum M...

P粉178132828 2023-09-05 11:18:47 0  1  889

Experimentieren Sie mit der Sortierung nach Abfragelimit

Das ist also meine erste Frage hier. Bitte verzeihen Sie mir, wenn etwas nicht stimmt. Ich versuche, eine Sortierabfrage basierend auf Einschränkungen durchzuführen. Es gibt also eine Kundentabelle mit 90 Datensätzen. Ich möchte zunächst eine auf 3 Datensätze beschränkte Abfrage durchführen und dann...

P粉237125700 2023-09-05 14:46:42 0  1  774

CSS-Raster: Erstellen Sie eine neue Zeile, wenn der untergeordnete Inhalt die Spaltenbreite überschreitet

Ich habe ein zweispaltiges Layout basierend auf einem CSS-Raster. Wenn der Inhalt der zweiten Spalte 1fr überschreitet, möchte ich eine neue Zeile erstellen. So wie es derzeit aussieht, läuft der Inhalt einfach über die Spalte hinaus. Eine Voraussetzung für dieses Layout ist, dass sich die Elemente ...

P粉212114661 2023-09-05 15:18:28 0  1  652

PHP-Volltextsuchfunktion mit den Operatoren AND, OR und NOT

Frage für Anfänger: Ich versuche, eine Volltextsuche für eine Suchzeichenfolge mithilfe von PHP und Eloquent zu implementieren. $searchstring="+(victimsuspect)+crime-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  621

Der kürzeste Weg, alle PHP-Typen in Strings umzuwandeln

Ich schreibe ein allgemeines System, von dem ich hoffe, dass es eines Tages auf Bereiche wie die Medizin angewendet werden kann (d. h. es ist „wissenschaftlich“). Ich denke, der beste Weg ist, alle Daten in PHP mit Strings darzustellen (true wird „true“, false wird „false“ sein und so weiter). Der G...

P粉369196603 2023-09-05 15:34:44 0  1  1039

So erhalten Sie den Durchschnitt der DATETIME-Spalte in MySQL beim Gruppieren nach anderen Spalten

Ich erstelle und fülle eine MySQL-Tabelle mit der folgenden Abfrage: SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1",2023-01 -0310:

P粉460377540 2023-09-05 11:46:21 0  1  531

Synchronisierung mehrerer Geräte (Mobiltelefone) – React Native

Ich versuche, eine Lightshow zu erstellen, die auf den Mobilgeräten aller Benutzer gleichzeitig startet (kann bis zu 2000–3000 Benutzer haben). Alle Benutzer nutzen das Internet (WLAN oder mobile Daten). In unserem FE verwenden wir Apollo für Abonnements und es funktioniert hervorragend. Das Problem...

P粉151466081 2023-09-05 11:58:38 0  1  724

Pik, Karo, Herz, Kreuz => Stile ändern die Schriftfarbe in Chrome für Android nicht

In Google Chrome unter Windows werden die Symbole der Kartenfarbe (Pik, Herz, Karo, Kreuz) mithilfe des Attributs „style“ korrekt gefärbt. Leider werden auf derselben Seite, die in Google Chrome auf Android angezeigt wird, nicht die von mir definierten Farben angezeigt, sondern die Standardfarben Sc...

P粉896751037 2023-09-05 15:25:13 0  1  779

Wie verstecke ich mein TextField-Label?

Ich entwickle eine Nextjs-App und habe eine mit Mui erstellte Dashboard-Navigationsleiste, die eine Benachrichtigung enthält, die das Benachrichtigungsfeld öffnet, das mit normalem HTML und CSS erstellt wurde. Dashboard-navbar.js: importNotificationBoxfrom"./notification-box/notification-box&qu...

P粉239164234 2023-09-05 15:41:00 0  1  707

Benutzerdefiniertes Bootstrap 5-Karussell auf Mobilgeräten (mehrere Elemente, aber nicht in einer Reihe)

Ich habe Probleme beim Anpassen des Karussell-Layouts auf Mobilgeräten. Ich möchte, dass auf Mobilgeräten jedes Element des Karussells angezeigt wird und nicht nur eines, aber nachdem ich es mit etwas CSS und JS versucht habe, insbesondere mit displayfloat oder max-witdh, fange ich an zu glauben, da...

P粉763662390 2023-09-05 11:53:56 0  1  612

Wie verwende ich die Firebase-Authentifizierung mit mehreren Anmeldemethoden und rollenbasierter Authentifizierung?

Ich erstelle eine React.js-Anwendung mit NodeJS als Backend und möchte diese Authentifizierungsmethoden verwenden, um mich mit E-Mail/Passwort anzumelden, mich mit Google anzumelden und mich per Telefon anzumelden. Jetzt möchte ich die Einzigartigkeit des Benutzers beibehalten, während ich den Namen...

P粉574695215 2023-09-05 12:18:10 0  1  685