Tisch abgeschnitten auf Mobilgerät?

Ich habe eine Tabelle (unter dem Code) auf einer Webseite, und aus irgendeinem Grund, wenn ich auf einem mobilen Gerät zu dieser Seite navigiere, scheint die rechte Seite der Tabelle abgeschnitten zu sein? Wie kann ich das beheben?Tisch abgeschnitten auf Mobilgerät?

<head> 

<meta name="viewport" content="width=1000"> 

</head> 

    <center> 

     <table style="width:80%;"><tr> 
     <td> 
      <?php print render($page['content']); ?> 
      </td> 

      <td valign="top" style="padding-left:2%; font-size:18px;"> 

        <?php print render($page['highlighted']); ?> 

      </td> 


      </tr></table> 

     </center>

Quelle

2017-03-09 Brittany

Hilft [dieser Link] (http://stackoverflow.com/questions/23371582/why-is-my-website-cutting-off-on-mobile-devices)? Versuchen Sie vielleicht, Ihr 'meta'-Tag in' ' –

zu ändern, versuchen Sie es mit Bootstrap und verwenden Sie .table-responsive class. https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_ref_table-responsive&stacked=h – SGventra

Dies ist, weil es schwierig ist, mit Tabellen auf mobilen Geräten zu arbeiten, und sollte möglichst vermieden werden. Sie können die Breite der Tabelle auf 100% einstellen und den Überlauf zum Blättern einstellen. So machen Bootstrap ihre Tabellen reaktionsfähig.

Quelle

2017-03-09 20:55:29

Dies schneidet noch die Tabelle aus:/ – Brittany

Es ermöglicht mir, von links nach rechts zu scrollen, aber ich möchte die gesamte Seite angepasst werden auf die Größe des Gerätes? – Brittany

Willkommen auf dem mobilen Design;) Wie ich schon sagte, es ist schwer, Tabellen auf dem Handy richtig funktionieren –

Sie können immer Medienabfragen verwenden.

Leider funktionieren sie nicht für Inline-CSS, also müssen Sie der Tabelle eine Klasse geben und eine CSS-Datei haben.

Mit Medienabfragen können Sie bestimmte CSS-Regeln für verschiedene Größen festlegen.

Also das

@media Bildschirm und (max-width: 800px) { .tableclass { Breite:; } }

Wird es also, wenn die Bildschirmgröße kleiner als 800 Pixel in der Tabelle verwenden, die unterschiedliche Breite eingestellt.

Vergewissern Sie sich immer, dass sich die Medienabfragen am Ende der CSS-Datei befinden. Sie können mehrere gleichzeitig einstellen.

Quelle

2017-03-09 21:03:36

Versuchte dies und die rechte Seite meines Tisches wird immer noch abgeschnitten: / – Brittany

Tisch abgeschnitten auf Mobilgerät?

Antwort

Verwandte Themen