Ich habe eine Bowling-Web-Anwendung, die ziemlich detaillierte Bild-für-Bild-Informationen ermöglicht. Eine Sache, die es erlaubt, ist zu verfolgen, welche Pins auf jedem Ball niedergeschlagen wurden. Um diese Informationen anzuzeigen, lasse ich sie wie ein Pin-Rack aussehen:
%Vor%Bilder werden verwendet, um die Pins darzustellen. Also, für die hintere Reihe habe ich 4 Img-Tags, dann ein br-Tag. Funktioniert großartig ... meistens. Das Problem liegt in kleinen Browsern wie IEMobile. In diesem Fall, wenn 10 oder 11 Spalten in einer Tabelle vorhanden sind und in jeder Spalte ein Rack mit Pins vorhanden sein kann, wird IE versuchen, die Spaltengröße so zu verkleinern, dass sie auf den Bildschirm passt, und ich lande mit so etwas :
%Vor%oder
%Vor%Die Struktur ist:
%Vor%Es gibt kein Leerzeichen innerhalb der inneren div. Wenn Sie diese Seite in einem normalen Browser betrachten, sollte die Anzeige korrekt sein. Wenn Sie es in IEMobile betrachten, tut es das nicht.
Irgendwelche Hinweise oder Vorschläge? Vielleicht eine Art von & amp; nbsp; das fügt tatsächlich keinen Platz hinzu?
Ich habe einige gute Vorschläge erhalten und ausprobiert, darunter:
hängt Kopf und murmelt etwas
Ja, das ist richtig, ein transparentes Gif oben im Div, das auf die Breite passt, die ich brauche. Der Endcode (vereinfacht) sieht folgendermaßen aus:
%Vor%Und CSS:
%Vor%ps. Nein, ich werde in meiner endgültigen Lösung nicht den klaren Punkt von jemand anderem verknüpfen:)
Ich habe mich in der Vergangenheit mit dieser Art von Problem herumgeschlagen, indem ich das gesamte Bild (mit entsprechender Pin-Anordnung) dynamisch als einzelnes Bild erstellt habe. Wenn Sie ASP.NET verwenden, ist dies mit GDI-Aufrufen ziemlich einfach. Sie erstellen das Bild nur dynamisch mit Pin-Platzierung und dienen dann als einzelnes Bild für die Seite. Nimmt alle Ausrichtungsprobleme aus dem Bild (Wortspiel beabsichtigt).
Warum nicht ein Bild für alle möglichen Ergebnisse für die Pins haben? Kein Chaos mit Layouts für Browser ein Bild ist ein Bild
Erzeuge sie im laufenden Betrieb und speichere die erstellten Bilder zur Wiederverwendung.
Da Sie ohnehin Bilder verwenden, erstellen Sie doch ein Bild, das das ganze Layout im Handumdrehen darstellt. Sie können etwas wie GD oder ImageMagick , um den Trick zu tun.
Da Sie auf maximale Kompatibilität setzen, haben Sie sich überlegt, ein einzelnes Bild zu generieren, das den Rahmen darstellt?
Wenn Sie PHP verwenden, können Sie mithilfe von GD dynamisch Bilder erstellen, die die Frames darstellen, basierend auf derselben Eingabe, mit der Sie den HTML-Code in Ihrer Frage erstellen würden. Der größte Vorteil dabei ist, dass jeder Browser, der ein PNG oder GIF anzeigen könnte, Ihren Frame anzeigen könnte.
Das ist schon eine Weile her, aber ich habe gerade das durchgesehen und diesen Post gefunden. Egal, was ich getan habe, ich konnte keine Bilder hintereinander bekommen. Egal was, sie würden sich wickeln. Ich habe alles versucht.
Dann habe ich herausgefunden, dass es eine Einstellung auf dem Client gibt, wo sie die Ansicht als 1) Einzelne Spalte, 2) Desktop-Ansicht und 3) Fenster anpassen auswählen können. Laut MSDN soll der Standardwert Fenster anpassen. Aber das IE-Handy meiner Frau stand standardmäßig auf Single Column. Also egal was, es würde alles in eine einzige Spalte bringen. Wenn ich zu einer der anderen 2 Optionen wechselte, sah es gut aus.
Nun, Sie können dies mit einem Meta-Tag festlegen:
%Vor%legt die Seitenbreite auf 320px fest. Ich weiß nicht, wie man es zum Auto bringt, wenn irgendjemand da draußen weiß, bitte posten.
Dies funktioniert NICHT bei Blackberry-Versionen vor Version 4.6 - Sie bleiben bei einer einzelnen Spalte hängen, es sei denn, der Benutzer wechselt manuell zur Desktop-Ansicht. Mit 4,6 oder später sollte das Folgende funktionieren, aber ich habe nicht getestet:
%Vor%Möglicherweise benötigen Sie unmittelbar nach dem Semikolon in
ein tatsächliches Leerzeichen Versuchen Sie es mit dem <div> -Tag in derselben Zeile wie <td>...</td>
Ich habe vielleicht missverstanden, was Sie wollen, aber ich denke, dass Sie tun können, was ich getan habe für Logos auf einer Karte .
Die Kartenhintergrundkachel wird gezeichnet, jedes Bild wird angewiesen, nach links zu schweben und einige interessante Ränder zu erhalten, so dass sie so positioniert sind, wie ich es möchte (siehe Quelle, um zu sehen, wie es gemacht wird).
Verwenden Sie das Wort Schreinerzeichen, U + 2060 (d. h. ⁠ )
Für jede mögliche Anordnung jeder Zeile separate Bilder haben.
Das würde nur 30 Bilder (16 + 8 + 4 + 2) erfordern
Tags und Links html internet-explorer css line-breaks pocketpc