<div style='width:100%;background-color:green;padding:10px;'>
<div style='width: 5000px;background-color:red; padding:5px;'>
</div>
</div>
外側の div はウィンドウの 100% に固定され、内側の div は全幅でレンダリングされます。
ウィンドウの少なくとも 100% を維持しながら (内側の div が小さい場合)、外側の div を内側の幅 (大きい場合) に伸ばす方法はありますか?
overflow-x:scroll を使用できません。ウィンドウのスクロールのみが許可されています。min-width:100%でも問題は解決しませんでした。
解決策が存在しない場合は、JS のサイズ変更イベントを使用できます。