代码之家 › 专栏 › 技术社区 › Heinz

无法调整非模式html对话框设置style='resize:both'的大小,但可用于模式对话框

non-modal resize dialog css html

Heinz · 技术社区 · 2 年前

在非模态对话框上使用style='resize:both'没有效果。下面是要测试的代码。这是一个错误的预期行为吗?

<!DOCTYPE html>
<html>
    <head>
        <title>resize test</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">       
    </head>
    <body>
        <dialog  id='alertDialog' style="resize:both">     
            <div id='out'>You should never see this</div>         
            <hr>
            <button>Ok</button>
        </dialog>
        <script>
            // document.getElementById('alertDialog').showModal(); // <=  can resize
            document.getElementById('alertDialog').show(); // <=  can NOT resize
        </script>

    </body>
</html>

1 回复 | 直到 2 年前

yanir midler 2 年前

试试这个:

    <dialog  id='alertDialog' style='overflow:auto;resize:both;min-height:10px;'>

推荐文章

Softly · 单选按钮未按预期取值

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Thirumal isireddy · 在导航栏顺风css中,img被扭曲,而不是将元素推到旁边

1 年前

eXor420 · 如何在脚本标记中使用导出的函数?

1 年前

Hadi · 如何在无效和有效输入中选择用于更改样式的psoudo元素(after)

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Kernier · 如何将数学公式支持添加到StacksEditor?

1 年前

Md. Ibrahim · CSS网格项溢出小屏幕滚动

1 年前

Arjun V Srivatsa · 如何将系统时区信息分配给javascript中的变量?

1 年前

Akshay mek · Vscode扩展建议不适用于某些文件夹

1 年前