0
  1. 私の問題：

asp.net: テーブルが台無しになるまでは、見事に機能する流動的な CSS デザイン レイアウトがあります。ユーザーがブラウザーのサイズを縮小するか、ユーザーがモバイル デバイス経由でログオンしている場合、テーブルは実際の幅である約 1000px まで拡張されます。

  1. 私がやろうとしたこと：

私はこれを修正するためにjavascriptコードを使用しようとしましたが、最大幅を指定した場合にのみ機能しますが、このコードが画面の現在の最大幅を知る方法が必要です

  1. 使用した私のコード:

スクリプト：

   <script language="javascript" type="text/javascript">

       $('#dvTableDock').width($('#dvPageWidth').width());


    </script>

次に、スタイルを作成します。

.TableDock
    {
        overflow-x: auto;
        overflow-y: auto;
        width: 870px; // Need to dynamically specify width here
        height:200px;
        padding: 0 0 17px 0;
    }

次に、画面幅を取得する div を追加し、テーブルをラップする別のタグにスタイルとスクリプトを適用します。

<div id="dvScreenWidth" visible="false">
</div>
<div class="TableDock" id="dvTableDock">
 //table in here
</div>

私が欲しいのは、ドックが水平スクロールをいつ表示するか、つまり、画面の幅が 1000px 未満になり、テーブルがページからはみ出し始めたときを知ることです。

この質問で自分自身を明確にしたことを本当に願っていますが、私を助けるために他にどのような情報が必要か教えてください. 私の間違いを助けたり修正したりしてくれた人に感謝します。

4

2 に答える 2

1

固定幅 (つまり、ピクセル単位) を使用する代わりに、パーセントを使用します。 

.TableDock
    {
        overflow-x: auto;
        overflow-y: auto;
        width: 95%;
        height:200px;
        padding: 0 0 17px 0;
    }
于 2013-02-27T12:19:45.670 に答える
0

だから、これはうまくいった私自身の解決策です：

.TableDock
        {
            overflow-x: auto;
            overflow-y: auto;
            //Remove the width and height completely
            padding: 0 0 17px 0;
        }

幅と高さを完全に削除することでこれを解決しました

于 2013-03-01T13:56:56.907 に答える