私はプログラミングに比較的慣れておらず、ポップアップ付きのChrome拡張機能に取り組んでいます。ポップアップの内容も、ユーザーの好みもわかりません (明らかに)。ポップアップは水平方向にサイズ変更できるはずですが、デフォルト (初期) の幅を最大幅より小さくしたいです。
popup.html には<div id="container">、ポップアップの要素があります。
関連する CSS ファイルには、次のものがあります。
body{
-webkit-user-drag: none;
-webkit-user-select: none;
overflow: hidden;
width: 400px;
}
と
#container{
top: 0;
right: 0;
bottom: 0;
left: 0;
}
コンテンツはポップアップ全体を埋め、必要に応じてポップアップを最大サイズ (800x600) に押し上げます。私が望むように、必要に応じてポップアップに垂直（高さ）スクロールバーがあります。
私の問題は幅です。コンテンツが読み込まれると、ポップアップの幅がコンテンツに合わせて自動的に変更されます。ポップアップは 400 ピクセルで開始される場合がありますが、コンテンツが 800 ピクセル以上の場合、コンテンツが読み込まれると 800 ピクセル全体に拡大されます。
ユーザーはポップアップの幅を調整できるため、ポップアップの最大幅よりも小さい適切なデフォルト幅を指定し、ユーザーがポップアップを拡大または縮小できるようにしたいと考えています。ポップアップを 800px 幅いっぱいにすることは、「すぐに使える」動作として望ましくありません。
body{max-width: 400px; min-width: 400px;}ポップアップの幅を強制するために使用できます。しかし、一部のユーザーはポップアップをより広くしたいかもしれないので、私はこれをしたくありません. たとえば、最初の幅を 400px にしたいのですが、それでもポップアップのサイズを変更できます。
コンテンツがこのデフォルト幅よりも広い場合でもポップアップの最大幅よりも小さいポップアップのデフォルト幅を設定する方法はありますが、それでもポップアップのサイズ変更 (拡大) は可能ですか?
重要な情報が抜けていたり、説明が不適切だったりしたら申し訳ありません。私はウェブを検索して遊んでみましたが、今のところ役に立ちません。この状況を克服する方法を教えていただければ幸いです。