すべての画面で適切に表示されるように固定幅 869 ピクセルで、php で記述された小さな Web サイトをコーディングしました。また、幅が異なる他のページに統合したいと思います。これは、元のサイズよりも広い場合があります。
いくつかの解決策を試しましたが、クロスブラウザーで動作しているように見えたり、ラッパー内のコンテンツをスケーリングしたりしていません。ビューポート プロパティも試していますが、成功しませんでした。
ブラウザーのズーム効果を使用してコンテンツをブラウジング領域に合わせるクロスブラウザー jquery スクリプトを探しています。本体にラッパーと呼ばれる div があり、ブラウザーで CTRL + キーを使用して行うように、それとその中のコンテンツをスケーリングしたいと考えています。
Bootstrap を使用してコンテンツをスケーリングできます ( http://twitter.github.com/bootstrap/ )。フォント サイズも調整したい場合は、LESS でビルドするか、プレーンな JavaScript を使用できます (例: JQuery を使用)。
ページを
<div class="container-fluid">
</div>
さまざまな標準解像度で自動的にスケーリングされます。幅は、bootstrap.min.css をオーバーライドすることで調整できます。レスポンシブ機能を有効にする方法に関するガイドは、http ://twitter.github.com/bootstrap/scaffolding.html#responsive にあります。
row-fluidクラス div を追加し、クラスを使用spanしてコンテンツを整列させることができます。グリッド システムの使用方法の詳細: http://twitter.github.com/bootstrap/scaffolding.html#gridSystem
LESS については、ホームページをお勧めします: http://lesscss.org/
そして、これは JavaScript から変数を挿入する方法を示す古い StackOverflow の投稿です: Less での変数操作
おそらく、LESS を使用するだけで十分です。