2016-05-03 11 views
0

デスクトップ専用のWebアプリケーションにMDLを使用していますが、コンテンツを応答する必要はありません。つまり、ユーザーがブラウザウィンドウのサイズを変更しても、コンテンツを並べ替える必要はありません。モバイルデバイスで閲覧されることもありません。コンテンツの反応を防ぐにはどうすればよいですか?Material Design Liteを使用してデスクトップブラウザのみをターゲットに設定する方法

+0

メインエレメントに固定幅を追加します。ボディーまたはフォーム –

+0

bodyエレメントに固定幅を追加しても問題は解決しませんでした。 – toomuchkevin

+0

これは内容によって異なります。 position = "absolute"の子がある場合は、それらの幅を設定することができます。例えば、ボディ上の 'div.mdl-gird'のみでボディ上の幅を変更する必要があります。 'mdl-layout'を使うと' position:absolute'の 'div.mdl-layout__container'があります。次に、これを設定する必要があります。しかし、どんな方法であれ、あなたの質問は遠くまで開くべきです。現在のコードなどを追加する必要があります。 –

答えて

0

https://getmdl.io/components/index.html#layout-section/grid

Iは、上記のリンクでMDLグリッドへの参照を提供しています。

mdl-gridクラスとmdl-cellクラスのようなものを起動しなければ、内容が応答しないようにしてください。そうすれば、デバイスに基づいてサイズ変更される特定のサイズのコンテンツカードのようにラベルを付けることができます。独自のスタイルシートを使用している場合は、デスクトップ上のプロジェクトに最適な特定のピクセル幅を持つカードクラスを作成できます。

関連する問題