1

私はこのページに取り組んでいます:

http://www.analog.la/test/ret/index2.html

基本的に、その中に 5 を含む包含部門があります。それらは垂直に並べるために左にフロートされますが、メディアクエリで CSS を調整する方法にいくつかの問題があります (1 つは 768 用、もう 1 つは 480 用)。

ご覧のとおり、主な順序はロゴ、hex1、ミドル、hex2、hex3 です。

浮きのトラブル

768 の場合、ロゴと hex1 (中央)、次に中央下 (中央)、hex2 と 3 (中央) が必要です。しかし、フロートを真ん中から外すと、「フロートの方程式から外され」、すべてがぎこちなくなります! だから私はフロートなしでそれを設定しましたが、それは私の好みのために中央のdivを押し下げすぎています。どんなヒントでも大歓迎です!!

表示順

480以下の場合、ロゴ、次に「中間」セクション、および16進リンクが続くように分割の順序をシフトしたいのですが、CSSを介して順序を変更する方法がわかりません. ここで同様のスレッドを見ました-しかし、その人は提供されたグリッドを使用していましたが、これを自分でまとめただけなので、適用されないようです.

フォントサイズ

とにかくフォントサイズ (ヘッダー用) をページ幅に対応させる方法があるのだろうか? 優先度はそれほど高くありませんが、知っておくとよいでしょう。

本当にありがとう。

4

1 に答える 1

0

フロートの場合: .links1 および .links2 の div を 100% 幅にして、css clearfix を追加してフロートをクリアしてみてください。これにより、.preorder div の書式設定の問題が修正される可能性があります。六角形を中央に配置するには、text-align:center ルールを .links1 および .links2 div にも追加してみてください。

これは chris coyner のサイトからの clearfix に関する記事です: http://css-tricks.com/snippets/css/clear-fix/

フォント サイズについては、ウィンドウのサイズ変更に合わせて徐々に変更したい場合は、fitText を確認してください: http://fittextjs.com/ -- うまく機能させるには微調整が必​​要ですが、これは効果のようです。を探しています。

また、.container div に clearfix が必要なようです

于 2012-06-03T20:56:53.807 に答える