私は300x300pxの画像を表示する単純なポップアップウィンドウを持っていますが、私はウィンドウのサイズを350x350pxに設定しましたが、ブラウザによってはスクロールバーや余分な空白があります。どのブラウザーに関係なく、スクロールバーや空白なしのコンテンツに合わせるためにブラウザーウィンドウのサイズを変更するjQuery関数がありますか？jqueryサイズ変更ウィンドウの内容に合わせて
私を助けてください！
文書に影響を与えるおそらくCSSマージン/パディング。
は行います
あなたが:-)よりエレガントなソリューションを希望しかし、これはうまくいけばあなたに与える場合は、CSSのリセットに関するウェブ上トン本当に汚いCSSのリセットがあるある
* {
padding: 0;
margin: 0;
border: 0;
outline: 0;
}
問題への洞察..あなたはこのような何かを行うことができ
..
function windowResize() {
var contentWidth = document.getElementById("YourImageOrContent").offsetWidth;
var contentHeight = document.getElementById("YourImageOrContent").offsetHeight;
window.resizeTo(contentWidth,contentHeight);
}
あなたは値に20ピクセル程度を加えなければならないかもしれませんが、私はまだ私の元の答えを維持しています:-D
ブラウザウィンドウ（それは私が理解している） 、あなたはこのような何かを行う必要があります。
<SCRIPT LANGUAGE="javascript">
<!--
window.open ('image.jpg', 'newwindow', 'height=350,width=350, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, directories=no, status=no');
-->
</SCRIPT>
予告私はこの同じ問題に直面してきた問題の
パートは「resizeToは」ウィンドウの外の境界に基づいてサイズを変更していることです。アドレスバーのサイズはブラウザによって異なるため、実際にはさまざまなブラウザを扱うときは役に立ちません。また、一部のブラウザでは「location = no」命令が使用されますが、一部のブラウザではそうではありません。
（いくつかのjQuery、申し訳ありませんが、含まれないこれが、あなたはおそらくしかし、あなたが好きそれを実装するために出て逆転できた）私のために働いたソリューションはこれです：私はSafariでこれをテストしてみた
window.resizeTo(422, $('#my-id').height() + (window.outerHeight - window.innerHeight));
、Firefox、Chromeの3種類があり、それらはすべて機能していたようだ（Windowsのインストールがないので、IEにはコメントできない）。
これはCSSに関連したものではありません。内容に合わせてブラウザウィンドウのサイズを変更する機能が必要です。 – Caballero
あなたはたぶんさまざまなブラウザーでスクロールバーや空白があるのは、CSSとクォーク・モードが原因だと思います。 – Fasani
主な理由は、ブラウザのベゼルサイズが異なります。たとえば、Firefoxには太いウィンドウのベゼルがありますが、Operaにはほとんどありません。また、イメージのサイズが300x300の場合、window.resizeTo（args）は、ベゼル、ボタン、およびすべてを含む300x300のウィンドウ全体を作成します。 – Caballero