0

ここ数日、私はウェブサイトについて考え、取り組んできました。サイズ変更をいじってみると、サイトがあまりうまくいかないことがわかりました。サイトは 1024 x 768 以上で見栄えがするはずです。

そのため、下のページのサイズを最小サイズに変更すると、上部のメニューが一緒に押しつぶされることがわかります。すべてのメニュー項目に十分なスペースがありますが。また、ウィンドウのサイズに合わせて画像のサイズを適切に変更したいと考えています。

ここにリンクがあります http://bit.ly/NpE9cF

誰かが私に実用的なアドバイスを与えるのを手伝ってくれませんか? jqueryのようなものでサイズ変更作業を行うべきですか? または、CSS でこれらの問題を修正できますか?

どうもありがとう。

4

1 に答える 1

1

style.css には、固定幅がありul#primary li a {}ます。

この幅を何らかの%値に変更します。またmin-width、特定のサイズ変更後に幅がそれ以上減少しないように、いくつか追加します。

変化する

ul#primary li a {
    display: block;
    float: left;
    margin: 0;
    padding: 20px 20px 11px;
    width: 192px;
}

に

ul#primary li a {
    display: block;
    float: left;
    margin: 0;
    min-width: 100px;
    padding: 20px 20px 11px;
    width: 20%;
}

style.css ファイル内。

于 2012-08-09T12:29:29.163 に答える