8

HTMLページに2つの列があり、1つは右に、もう1つは左に浮いています。両方のコンテナーの高さを 100% に、両方のコンテナーの幅を 50% に設定しました。2 つのコンテナーをウィンドウ全体に合わせたい。ユーザーがウィンドウのサイズを水平方向に変更したときに、コンテンツのサイズを変更したくありません。どうすればこれを達成できますか?

ありがとう

4

1 に答える 1

22

それを達成する方法はたくさんあります。まず第一に、最も簡単なのはcss値をmin-widthに入れることです！したがって、サイズを変更したいが960pxで停止したい場合（たとえば）、次のことを行う必要があります。

    myCoolDiv{
         width: 100%;
         height: 50%;
         min-width: 960px;
   }

それはあなたに最高の結果を与えるでしょう。それ以外の場合、コンテンツのサイズをまったく変更せず、セレクターの幅を初期画面の100％に設定したくない場合は、jQueryを次のように使用します。

    $(document).ready(function() {
       //Call a variable to know the width of the window
       var screenWidth = $(window).width();
       $('myCoolDiv').css('width', screenWidth + 'px');
    });

お役に立てば幸いです。私の答えが十分に明確でない場合、またはあなたがその一部を理解していない場合は教えてください！

乾杯！

于 2012-12-09T14:32:20.020 に答える