4

私はかみそりコードのない MVC Web アプリケーションを持っています。つまり、ビューは HTML と JavaScript コードのみを使用して構築されています。以下は私の画面のスクリーンショットです。

現在IE8では、次の問題が発生しています。

私の画面のスクリーンショット: http://www.freeimagehosting.net/ixio1

1.ブラウザーのズーム レベルを下げると、左右のパネルが 1 つずつ垂直に表示される画面の要素がゆがみます。ズーム レベルを上げると正常に機能します。

2.そして、私は2つのセクションを持つヘッダーを持っています. ユーザーが下にスクロールしても、上部のセクションは常に画面に表示されます。ズーム レベルを 100% に戻すと、ヘッダーの下部にあるボタンがヘッダーの上部セクションの後ろに隠れるようになりました。これは、画面の下部までスクロールしてから垂直スクロール バーが消えるときにも発生します。あらゆるシナリオで。

ヘッダー ボタンを隠したスクリーンショット: http://www.freeimagehosting.net/2eq68

4

3 に答える 3

1

ブラウザーのズームを使用すると、使用している CSS と HTML によっては、サイトが壊れることがよくあります。特定のピクセル値を使用したり、場合によってはサイズに % を使用したりすると問題が発生し、フォントのサイズと太さも問題を引き起こします (ブラウザには、デスクトップ アプリケーションが通常行うようにフォントをきめ細かく制御する機能がありません)。

サイトのデザインにもよりますが、最適な方法は、流動的なレイアウトになるようにサイトを開発することです。

于 2012-11-08T02:56:12.397 に答える
0

特にスクリーンショットからはわかりにくいです。完全なヘルプが必要な場合は、例にリンクすることをお勧めします。

これはCSSの問題である可能性が高く、％ではなくピクセルを使用しているかどうかを確認する必要があります。

JSフィドルにサンプルを置いて、人々がデバッグを手伝うことができるようにすることができます。そのスクリーンショットでは不可能ではないにしても、かなり困難です。

于 2012-10-18T12:07:45.613 に答える
0

ほとんどの場合、一部の領域の幅はピクセル単位で固定する必要があります。これは、どこに何を適用するかをユーザーが決定します。流動的なレイアウトが使用されている場合、ほとんどの領域は % で固定されます。ただし、このレイアウトでは表示されるコンテンツが非常に少ないことがわかります。一方、固定レイアウトでは、領域は解像度に関係なくピクセル単位で固定されます。

うまくいけば、これであなたのアイデアがクリアになります。

于 2012-10-25T07:43:45.803 に答える