0

CSS を使用して問題を解決する方法を知っています。ピクセルからパーセンテージまで、何千もの値をすべて設定する必要があります (楽しい時間です!)。事後であろうと、途中であろうと、いつも苦痛です。ピクセルを優先して回避することでより迅速に設計することができましたが、今ではすべて一緒に回避しようとしています.

CSS パーセンテージ (私のページ全体は固定アスペクト比なので、文字通りすべての要素をパーセンテージに変換する必要があります) を使用することが最も軽量なソリューションになると思いますが、要素のサイズを変更できる jQuery スクリプトが存在することを望んでいましたか?

ある時点で、ブラウザのズームにアクセスしようと考えましたが、それは不可能のようです。これは、別のアプローチでの私の最後のショットです。何かをうまく動かせない場合は... 私はそれを吸い上げて、すべての要素をパーセンテージに変換する必要があります (実際にそれを行うためのツールがあるはずです!)。

どんな助けでも大歓迎です。ありがとう！

編集* 以下は、Web サイトの単純な構造を示すフィドルです: http://jsfiddle.net/hkdeA/4/。外側のコンテナーを展開するためのコードをいくつか含めました。すべての内部コンテナーが CSS パーセンテージである場合は機能しますが、変換する値が数千あり、すべての要素のサイズを変更する単純なスクリプトを使用すると、時間、労力、およびエネルギーを大幅に節約できます。

  <div id="container">
    <div id="vid">

    </div>
    <div id="sidebar">

    </div>
    <div id="footer">

    </div>    
</div>

#container{
    background:grey;
    width:480px;
    height:270px;
    float:left;
}

#vid{
    background:black;
    width:320px;
    height:180px;
    float:left;
}

#sidebar{
    background:blue;
    width:160px;
    height:180px;
    float:right;
}

#foot{
    background:yellow;
    width:480px;
    height:90px;
    float:left;
}

最終的な目標: ブラウザー ウィンドウの幅または高さ (ウィンドウのアスペクト比に応じて) 100% にサイズ変更するように、私の Web サイト アプリを取得します。CSS パーセンテージとスクリプトを使用して、含まれる div のサイズを変更できることはわかっています。ただし、すべての div をスクリプトで変更して、すべての固定値をパーセンテージに変換するという退屈な作業を回避したいと考えています。

4

2 に答える 2