HTML-Tabelle ist außerhalb der Grenzen in FF und IE

Question

Auf dieser page in Firefox und IE, wenn Sie Browser-Fenster 350px die Tabelle mit Produkten ist außerhalb der Grenzen und die Bildlauf erscheint. Auch der "Sortieren nach: Künstler Sortierrichtung Preis" Teil und andere Elemente darüber sind außerhalb der Grenze. Dieser Fehler tritt nicht in Chrome, Opera und Safari auf, in diesem Browser ist er adaptiv für mobile Bildschirme. image thats show error

Sagen Sie mir bitte, wie kann ich diese Seite in FF und IE adaptive machen? P.S. Bitte nicht einfach minus, bitte erklären Sie was falsch mit meiner Frage?

Answer 1

Responsive Tables ist ein großes Problem und viele Leute (einschließlich mir selbst) haben viele verschiedene Lösungen ausprobiert.

Die einzige Größe für alle Lösung ist https://github.com/filamentgroup/tablesaw Es beruht auf jQuery (Javascript) und CSS zu arbeiten, so dass es nicht alle Projekte passt, vor allem auf Javascript ist etwas, was ich nicht tun möchte.

Abgesehen davon gibt es viele verschiedene Lösungen für Sie auszuprobieren. Chris Coyier von CSS-Tricks schrieb vor einiger Zeit eine großartige Zusammenfassung: https://css-tricks.com/responsive-data-table-roundup/

Answer 2

Problem war mit Bild, das 764px Breite hatte. Ich habe es 100% gemacht und das Problem wurde behoben!