Ich benutze MDL für eine Desktop-only Web-Anwendung, und ich brauche den Inhalt nicht zu reagieren. Das heißt, auch wenn der Benutzer die Größe des Browserfensters ändert, muss der Inhalt nicht neu angeordnet werden. Weder wird es jemals auf einem mobilen Gerät durchsucht werden. Wie verhindere ich, dass der Inhalt reagiert?Verwendung von Material Design Lite, um nur auf Desktop-Browser zu zielen
https://getmdl.io/components/index.html#layout-section/grid
I Bezugnahme auf das MDL Gitter bei der oben genannten Verbindung zur Verfügung gestellt haben. Der Inhalt sollte nicht reagieren, ohne etwas wie die mdl-grid-Klasse und die mdl-cell-Klasse zu initiieren, die es dann erlauben würden, Teile wie eine Inhaltskarte mit einer bestimmten Größe zu beschriften, deren Größe sich je nach Gerät ändert. Wenn Sie eigene Stylesheets verwenden, können Sie eine Kartenklasse erstellen, die eine bestimmte Pixelbreite aufweist, von der Sie glauben, dass sie am besten für das Projekt auf einem Desktop funktioniert.
Fügen Sie Ihrem Hauptelement eine feste Breite hinzu, z. Körper oder Form –
Das Hinzufügen einer festen Breite zum Körperelement löste das Problem nicht. – toomuchkevin
Das hängt von Ihrem Inhalt ab. Wenn es Kinder mit position = "absolute" gibt, können Sie die Breite für diese festlegen. ZB mit nur 'div.mdl-gird' in body setting width auf body sollte man machen. Wenn Sie 'mdl-layout' verwenden, wird ein' div.mdl-layout__container' mit 'position: absolute' angezeigt. Dann müssen Sie das mit dafür einstellen. Aber egal wie weit deine Frage ist. Sie müssen Ihren aktuellen Code usw. hinzufügen –