JavaScript 限制瀏覽器窗口最小尺寸：window.open + resize 事件雙重保障

需求

頁面縮小到 1000×500 後禁止繼續縮小，只允許放大。

方案一：打開固定尺寸窗口（彈窗場景）

window.open('page.html', 'newwin', 
    'width=1000,height=500,minWidth=1000,minHeight=500,resizable=yes');

現代瀏覽器支持 minWidth/minHeight 參數（非標準，兼容性有限）。

方案二：監聽 resize 事件強制恢復（通用頁面）

const MIN_W = 1000, MIN_H = 500;
window.addEventListener('resize', () => {
    if (window.outerWidth < MIN_W || window.outerHeight < MIN_H) {
        window.resizeTo(
            Math.max(window.outerWidth, MIN_W),
            Math.max(window.outerHeight, MIN_H)
        );
    }
});

注意事項

• 瀏覽器安全策略可能阻止腳本調用 resizeTo（需用戶交互觸發的窗口）
• 移動端不適用，請改用 CSS min-width/min-height 配合 viewport 控制佈局
• 用戶體驗優先：建議採用響應式佈局適應各種尺寸，而非強制限制