[解決済み] Chromeの拡張機能のポップアップウィンドウを拡大する方法
2022-02-18 07:47:12
質問
拡張機能ボタンをクリックしたときに表示されるポップアップウィンドウを拡大したいのですが。
(ポップアップウィンドウを赤い部分まで拡大したい。)
以下は、ポップアップを表示するために使っているコードです。
< style type="text/css" >
body {
min-width: 1005px; /* your desired width */
max-width: 100%;
position: relative;
vertical-align:middle;
}
< /style >
< iframe src="http://stackoverflow.com" width="100%" height="100%" scrolling="auto" > < /iframe >
width: 1280px; height: 800px; を試してみましたが、うまくいきません。正しく動作していません...。
UPDATEしてください。 同じような質問(重複しているかもしれませんが)。 クロームエクステンション、ポップアップウィンドウの高さについて
解決方法は?
Chrome拡張機能のポップアップには
高さ600pxまで
と
横幅は最大800pxまで。
htmlやbody要素にCSSで幅や高さを変更しても、これらの最大値を超えると(お気づきのように)スクロールバーが発生するだけです。 以下のような方法で
window.resizeBy(x,y)
は効果がありません。
CSSでスクロールバーを隠すことはできますが、その場合、Chromeが課す最大値よりもページが大きくなるため、期待する効果は得られません。
内蔵のポップアップを使用する代わりに、ブラウザ/ページアクションがクリックされたときにページ内のJavaScriptダイアログ/モーダルを使用するのも1つの方法かもしれません。
類似の質問に対する参考文献をいくつか紹介します。
関連
-
[解決済み】フッターをページの下部に中央に配置するにはどうすればよいですか?
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] IE=edge,chrome=1というのは今でも有効なのでしょうか?
-
[解決済み] 高さを固定したBootstrapパネルボディの作り方
-
[解決済み] 順序なしリストが div 内で左いっぱいに整列されない
-
[解決済み] textareaのresizableプロパティを無効にするにはどうしたらよいですか?
-
[解決済み] JavaScriptで要素のクラスを変更するにはどうすればよいですか?
-
[解決済み] どのラジオボタンが選択されているかをjQueryで知るにはどうしたらよいですか?
-
[解決済み] ページを再読み込みせずにURLを変更するにはどうすればよいですか?
-
[解決済み] 画面サイズ、現在のウェブページ、ブラウザウィンドウのサイズを取得する
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】私のCSS3メディアクエリがモバイルデバイスで機能しないのはなぜですか?
-
[解決済み】Markdownで'target="_blank"'でリンクを作成することはできますか?
-
[解決済み] IE=edge,chrome=1というのは今でも有効なのでしょうか?
-
[解決済み] 以下のHTMLフォームの例で、「mailto:[email protected]」とは何ですか?
-
[解決済み] Favicon.icoを表示させることができません。
-
[解決済み] HTML Divのボーダーが表示されない
-
[解決済み] head」タグと「header」タグの本当の違いは何ですか?[重複】について]
-
[解決済み] Bootstrap 4 の mr-auto が正しく動作しない。
-
[解決済み] mailchimpのメールインラインスタイルのコーディングがいつも通りできない
-
[解決済み] type="application/x-shockwave-flash "で表示可能な形式は?