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  554

Die mobile Ansicht für Netlify-Geräte funktioniert nicht ordnungsgemäß

Das CSS für diese Website funktioniert auf meinem Computer einwandfrei, genau wie in der Desktop-Version und der mobilen Version, die mit Medienabfragen erstellt wurde. Wenn ich sie jedoch auf einem mobilen Gerät ansehe, funktioniert das CSS nicht mehr. Website-Link: https://lightheart-basbousa-3c2d...

P粉276876663 2023-09-10 00:13:04 0  2  586

So machen Sie Header-Bilder, Text und Schaltflächen responsiv

Ich erstelle eine Website mit Bootstrap5. Im Header der Website verwende ich Carousel von Bootstrap für meinen Header. Karussellbilder ermöglichen auch die Anzeige von Text und Schaltflächen. Ich möchte, dass die Bilder, Texte und Schaltflächen responsiv sind. Ich habe versucht, Medienabfragen zu ve...

P粉604507867 2023-09-17 09:51:15 0  1  778

Javascript – Mobil adaptiv

Jetzt arbeite ich an der offiziellen Website des Unternehmens. Das PSD ist 750 und entspricht dem iPhone 6-Standard. Wie muss ich das anpassen? Muss ich die Medienabfrage verwenden? Ich habe das Gefühl, dass dies stark geändert werden muss.

滿天的星座 2017-07-05 10:53:23 0  7  1107

Der Menühintergrund soll 100 % breit sein und keine Lücken links, rechts und oben haben

Die Hintergrundfarbe des Menüs sollte in voller Breite sein, 24 Zoll und darunter sollten im Vollbildmodus angezeigt werden. So sieht es aus. Die Website-URL ist ebenfalls im Bild enthalten. Unten ist mein Scss zum Hinzufügen von Hintergrundfarbe. Könnte jemand bitte den Code unten so bearbeiten, da...

P粉245003607 2023-09-10 21:43:33 0  1  528

Vom 3-Spalten-Desktop- zum 1-Spalten-Mobillayout ohne Medienabfragen

Hier werden einige Fragen behandelt, aber sie lösen das von mir gesuchte Problem nicht ganz. Nehmen wir an, ich habe eine Website und möchte sie haben. Auf dem Desktop möchte ich Folgendes: Das ist einfach. Grid-Template-Columns: Duplikat (3,33 %) (im Grunde) Auf Mobilgeräten möchte ich jedoch, dass...

P粉085689707 2023-12-23 14:03:05 0  1  560

Eine Änderung der Ausrichtung führt dazu, dass das Video geschlossen wird, wenn HTML5-Videos auf Safari iOS abgespielt werden

Ich verwende React und das <video>-Tag von HTML5, um ein Video zu rendern, und wenn ich die Website auf meinem iPhone öffne, wird das Video im nativen iOS-Safari-Videoplayer abgespielt. Wenn ich jedoch die Ausrichtung ändere, um das Video im Querformat anzusehen, wird das Video ausgeschaltet. ...

P粉413307845 2023-08-30 20:49:37 0  1  673

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  895

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  778

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  656

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  626

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  1047

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  532

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  727

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  780

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  717