Was Sie beim Gestalten von Webseiten für Mobilgeräte mit kleinem Bildschirm beachten sollten

• Die Bildschirmauflösungen von Mobiltelefonen sind ein Chaos, es gibt alle möglichen Auflösungen!
• Unsere mobilen Internetgebühren sind so teuer!
• UC Browser hat einen riesigen Marktanteil!

Über UC Browser:

Ja, ich muss es erwähnen. Wer sagt, dass es einen hohen Marktanteil hat?
Was den UC-Browser betrifft, ist er offensichtlich sehr gut an die Bedingungen in meinem Land angepasst und hilft den Benutzern, den mobilen Internetverkehr maximal einzusparen. (Der Slogan des UC-Browsers scheint die Einsparung von Datenverkehr zu sein).
Basierend auf mobilen Anwendungen und Textlesbarkeit verfügt der UC Browser auch über große Schriftarten und großen Zeilenabstand.
Im Vergleich zu anderen mobilen Browsern verfügt der UC Browser über eine spezielle und angepasste Art, mit HTML-Tags und CSS-Attributen umzugehen.
Nach derzeitigem Stand werden diese Sonderregelungen noch lange Zeit bestehen bleiben, bis die Kosten für den mobilen Internetzugang deutlich gesenkt werden und die Verbraucher das mobile Internet selbstbewusster nutzen können.

Bei der tatsächlichen Entwicklung haben wir festgestellt, dass der UC-Browser eine „besondere Sorgfalt“ auf CSS legt:

• Das Font-Family-Attribut wird nicht unterstützt, was bedeutet, dass Sie im UC-Browser nur eine Schriftart sehen können.
• Das Schriftgrößenattribut wird nicht unterstützt, was bedeutet, dass Sie im UC-Browser nur Schriftarten derselben Größe sehen können.
• Die Attribute width, height, padding, margin und line-height werden nicht unterstützt. Mit anderen Worten, im UC Browser können Sie nur HTML-Tags wie p und br verwenden, um Zeilen umzubrechen und so den oberen und unteren Zeichenabstand zu erreichen.
• Es unterstützt keine feste Pixelbreite und 100 %-Anzeige der Seite, d. h., Sie sehen im UC-Browser immer einen „Vollbildmodus“.
• Schwebende und kaskadierende Layouts werden nicht unterstützt und die Attribute „Float“ und „Position“ sind ungültig. Das heißt, Sie können im UC-Browser nur „linksbündig“ sehen.
• Es unterstützt Hintergrundfarben, aber keine Hintergrundbilder, was bedeutet, dass es die Anzeige von CSS-Hintergrundbildern nicht unterstützt. Sie können die Hintergrundfarbe nur im UC-Browser sehen.

Ich bin jedoch nach wie vor davon überzeugt, dass beim Erstellen von Websites für Mobilgeräte mit kleinen Bildschirmen die Benutzeroberfläche standardmäßig auf Grundlage des Browsers mit der WebKit-Engine entwickelt werden kann.
Mit anderen Worten: Wir entwerfen Webseiten, die den UC-Browser unterstützen, anstatt Webseiten auf der Grundlage von UC-Browser-Standards zu entwerfen .
Ein weiterer Vorteil dieser Vorgehensweise besteht darin, dass dadurch relativ einheitliche Stile auf den meisten mobilen Browsern sichergestellt werden können.
Machen Sie sich nicht zu viele Sorgen über Browser wie UC, die nicht einmal Standard-CSS-Eigenschaften wie Float unterstützen!
Um jedoch sicherzustellen, dass die Elemente in der Benutzeroberfläche im UC Browser weiterhin eine gute Lesereihenfolge aufweisen, wird HTML-Programmierern dringend empfohlen, auf die Reihenfolge der einzelnen HTML-Tags zu achten.
Denn nur in Browsern, die Float- und Position-Attribute unterstützen, können die Container auf der Seite beliebig schweben oder gestapelt werden. Andernfalls zeigt der Browser die HTML-Tags in der Reihenfolge an, in der sie erscheinen.

Einige andere zugehörige Ergänzungen zum Webdesign für Mobilgeräte mit kleinen Bildschirmen:

• Kopfbereich
  Unter Berücksichtigung einiger Merkmale mobiler Geräte mit kleinen Bildschirmen können beim Entwerfen von Webseiten einige Website-Header (einschließlich LOGO, globale Navigation usw.) entfernt werden.
  Beispielsweise entfernt die große Bilderseite von Flick den Website-Header.

Hier habe ich ein modisches Designprinzip entwickelt: „Beim Interface-Design von Mobilgeräten mit kleinem Bildschirm sollte das Interface bestimmter Aufgaben vorrangig darauf ausgerichtet sein, dass sich der Benutzer auf die aktuelle Aufgabe und nicht auf die Anwendung selbst konzentrieren kann. “ Dieses Prinzip ist umsetzbar und gilt auch für das Design von Anwendungen für Mobilgeräte~
Wenn Sie beispielsweise ein Postfach für Mobilgeräte mit kleinen Bildschirmen entwerfen, können Sie den Website-Header auf den Seiten zum Schreiben von Briefen und Lesen von E-Mails entfernen.