如何在Chrome扩展程序中通过鼠标调整POPUP.html页面的大小

Question

当我从浏览器操作中单击图标时，我的Chrome扩展程序显示了侧边栏“ Popup.html”，但它与网站（z索引）重叠了，隐藏了屏幕。 我想调整大小或能够通过鼠标在屏幕上的任何位置移动此POPup窗口。 我尝试了<“！DOCTYPE html>”，但是它不起作用。 请建议我如何通过鼠标指针解决弹出窗口winnow的大小调整问题。

实际上，我想通过鼠标指针调整POPUP窗口的大小（手动调整大小）。 只需将鼠标悬停在弹出式窗口的边框上，然后根据我的方便向左或向右拖动即可调整窗口的大小。

Answer 1

您可以使用CSS resize属性，也可以通过JS动态更改<body>的height和width （类似于document.body.style.height = "300px" ）。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
    html, body {
        resize: both;
        overflow: auto;
    }
    </style>
</head>

<body>
    <div>Test</div>
</body>

</html>

如何在Chrome扩展程序中通过鼠标调整POPUP.html页面的大小

问题描述

1 个解决方案

解决方案1
0 已采纳 2017-01-04 01:45:16

如何在Chrome扩展程序中通过鼠标调整POPUP.html页面的大小

问题描述

1 个解决方案

解决方案1 0 已采纳 2017-01-04 01:45:16

解决方案1
0 已采纳 2017-01-04 01:45:16