2012-02-15 14 views
1

私はこれを今のところ把握しようとしています。どんな助けもありがとう!動的な背景で動作するように、Webサイトイメージとテキストdivをサイズ変更して移動する

解決方法とブラウザのサイズに応じて、テキストとイメージボタンを適切に拡大/縮小する方法が見つからないようです。私は、CSS、Jqueryなどのさまざまなテクニックを適用しようとしましたが、ブラウザウィンドウのサイズを変更するとフォントサイズを縮小しました。どのようにすべてのレイヤーをダイナミックにすることができますか?全部のサイズを変更すると、すべてのdivが同期していますか?

ありがとうございました!

答えて

0

私は応答性の高いウェブデザインを検討することをお勧めします。全体のアイデアは、さまざまな視聴環境に適したウェブサイトを作成することです。

This episode of doctype.tvについては、よくご紹介します。this article on elated.comをよく理解してください。

幸運と私はこれが助けてくれることを願っています!

0

この例(http://livestutterfree.com/page/)では、ちょうど設定します: "window"の "resize"イベントを聞いて、それぞれのものの適切な値を計算しようとすると、あまりないdiv、image、textを順にリセットすることができます。

div、イメージ、テキストがあまりにもたくさんある場合は、明らかに「http://livestutterfree.com/page/」のようにするのは良い方法ではありません。したがって、ブラウザが "変換"(css3プロパティ)をサポートしている場合、ウィンドウのサイズを変更するときにトップレベルのdivに "transform:scale"を設定することができます。

0

まず、コンテンツやロゴのdivなど、サイズに基づいて調整するdivに直接背景画像を配置する必要があります。また、固定配置を使用しているという事実は、要素のサイズを変更する能力を駄目にしています。マージンや浮動小数点数を使って物事を正しく配置する。

関連する問題