彈出窗口打開時大於預期尺寸

我一直在試圖弄清以下問題，現在的方式太長了，我似乎無法掌握我在做什麼錯誤...彈出窗口打開時大於預期尺寸

For我的在線投資組合中，我有一個飛濺的「輸入」圖像，應該打開一個新窗口，其寬度爲1013px，高度爲632px。我爲窗口選擇了這個大小，因爲這是我背景圖片的大小，我不打算讓實際頁面滾動。我所有的內容都應該適合固定的窗口。

但是，我注意到瀏覽器之間的差異。在我自己的計算機上，使用最新版Safari瀏覽器的Macbook Pro，我繼續在背景下獲得大約80+像素的空白空間。在我女朋友的電腦上（也是Macbook Pro），這個問題也會發生。但是，當我在我的iMac桌面上測試網站時，正好安裝了Safari，Chrome和Firefox，窗口打開到正確的尺寸，沒有額外的空白區域。最後，儘管我無法親自看到它的功能，但我被告知，當網站在基於Windows的計算機上打開時，在我的背景的底部和右側添加了空白區域。

的飛濺頁的鏈接：http://www.jamesbarracca.com

爲什麼我有這個問題，你能告訴我嗎？謝謝！

來源

2012-11-29 James Barracca

我忘了提及：我對編碼和創建網站很陌生。我從來沒有去過這樣的學校，我一直在努力教自己。所以，請考慮到我對此很陌生。 –

你的工作很好！ – pmandell

謝謝！你能看到我描述的問題嗎？ –

我會建議改變你的JavaScript來更緊密地控制彈出窗口的大小。可能發生的情況是，在各種不同的瀏覽器和不同的機器上，彈出窗口的默認大小不同。

查看this article的示例。

Exerpt：

<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-29 21:53:37

謝謝你，特洛伊，但不幸的是，即使嘗試後，我仍然在下面獲得額外的空白。（順便說一句，當你打開我的彈出式窗口時，你是否看到了空白區域？） –

不 - 你的彈出窗口在我的瀏覽器上恰好出現大小 - 所以我不能重現你的錯誤。 –

這很好聽。但是，出於好奇，你會用什麼瀏覽器和操作系統？ –

彈出窗口打開時大於預期尺寸

回答

相關問題