Ich arbeite gerade daran, eine Website responsiv zu machen, aber das Problem ist, dass ich darauf reagieren muss, ohne den Inhalt der Seite zu berühren. So bleibt alles auf der Seite gleich, aber mit einem neuen Stylesheet und etwas Javascript (hauptsächlich CSS) versuche ich, diese Aufgabe zu erfüllen.
Die Website besteht hauptsächlich aus Tabellen. Wenn der Browser in der Größe verändert wird (oder mit einem mobilen Gerät darauf zugreift), möchte ich das zweite "td" in meinem "tr" unter dem ersten stapeln anstatt beide als nächstes zu einander.
Ich gab dem 'td' Element einen linken Float und eine Breite von 100% und es funktionierte gut in Firefox, aber in Chrome & amp; Safari, beide 'td' sind 50% und in derselben Zeile.
Lassen Sie mich wissen, wenn Sie irgendwelche Ideen haben, wird alles geschätzt!
Versuchen Sie es mit CSS, indem Sie die Anzeige ändern, damit es in die andere Zeile geht:
%Vor%Sehen Sie ein Beispiel , das gerade erstellt wurde
Klingt so, als würden Sie Tabellen für Layoutdaten und nicht Tabellendaten verwenden. Tabellen sollten nur für Tabellendaten verwendet werden.
Sie müssen stattdessen Inhalte gruppieren ; genauer gesagt das div Element :
Beachten Sie, dass je nachdem, welche Art von Inhalt in Ihren oberen und unteren Containern vorhanden ist, Sie möglicherweise eine ganz anderes Element .
Was du versuchst zu tun, wird entweder nicht funktionieren oder dir massive Kopfschmerzen bereiten. Tabellen sind nicht für das Responsive Design vorgesehen. Wenn Sie sagen, Sie können den Code nicht berühren, dann sind Sie sehr fest. Der beste Weg, dies zu umgehen, wäre, den Code neu zu schreiben und alle Tabellen durch DIVs, Ps usw. zu ersetzen, wo dies relevant ist, und die CSS-, Jquery- und Medienabfragen zu verwenden, um Ihre Seite ansprechbar zu machen.
Die einzige Möglichkeit, die Website reaktionsfähig zu machen, wäre, jquery beim Laden der Seite zu verwenden, um alle Tabellen durch DIVs, Ps usw. zu ersetzen und CSS, jquery und Medienabfragen zu verwenden, um die Website reaktionsfähig zu machen . Dies ist kein empfohlener Weg, und ich kann nicht einmal garantieren, dass das 100% ig funktioniert.