1

私はあまりにも長い間次の問題を理解しようとしてきましたが、私が間違っていることを理解できないようです...

私のオンライン ポートフォリオには、幅 1013 ピクセル、高さ 632 ピクセルの固定サイズの新しいウィンドウを開くスプラッシュ「入力」画像があります。これは背景画像のサイズであり、実際のページをスクロール可能にするつもりはないため、ウィンドウにこのサイズを選択しました。私のコンテンツはすべて、固定ウィンドウ内に収まるようになっています。

ただし、ブラウザ間で不一致があることに気付きました。最近のバージョンの Safari を使用している自分のコンピューター、Macbook Pro で、背景の下に約 80 ピクセル以上の空白が表示され続けます。私のガールフレンドのコンピューター (これも Macbook Pro) でも、この問題が発生します。しかし、たまたま Safari、Chrome、Firefox がすべてインストールされている iMac デスクトップで Web サイトをテストすると、ウィンドウは余分な空白なしで正しいサイズで開きます。最後に、私はそれが機能しているのを直接見ることはできませんでしたが、Windows ベースのコンピューターで Web サイトを開くと、背景の下部と右側に空白が追加されていると言われました。 .

スプラッシュ ページへのリンクは次のとおりです: http://www.jamesbarracca.com

この問題が発生する理由を教えてください。ありがとうございました！

4

1 に答える 1

0

JavaScript を変更して、ポップアップ ウィンドウのサイズをより厳密に制御することをお勧めします。考えられるのは、さまざまなブラウザやマシンで、ポップアップのデフォルト サイズが異なるということです。

例として、この記事を見てください。

抜粋:

<script type="text/javascript">
    function openpopup(address, width, height) {
        window.open(
            address, 
            "",
            "fullscreen=no,toolbar=no,status=no," + 
            "menubar=no,scrollbars=no,resizable=no," +
            "width=" + width + ",height=" + height
        );
    }
</script>

次に、この新しい関数を次のように呼び出すことができます。

<a href="javascript: openpopup('http://www.google.com', '1013', '632')">
  <img src="/my/image/path.png" />
</a>

ご覧のとおり、この関数を使用すると、ポップアップの幅や高さなどを指定したり、スクロールバーやサイズ変更などの機能をオフにしたりできます。それが役に立てば幸い！

于 2012-11-29T21:53:37.757 に答える