Html CSS调整大小：两个纵横比

我试图用CSS

resize

属性在

div

标记上保持纵横比1:1。有可能吗

没有纵横比。有什么建议吗？

您可以将其设置为“调整大小：水平”，然后使用javascript以另一种方式调整大小：

标记：

<div id="elementID" style="width:200px;height:200px;background:#000;resize:horizontal;overflow:hidden;"></div>

问题是，当元素更改时，您需要以某种方式进行检查。如果调整元素的大小，则不会触发任何事件，因此您必须检查间隔以获得可靠的结果。我的示例观察到mousemove，但这并不可靠，因为在调整大小时实际上可以将鼠标移出元素。

可以将其设置为“调整大小：水平”，然后使用javascript以另一种方式调整大小：

标记：

<div id="elementID" style="width:200px;height:200px;background:#000;resize:horizontal;overflow:hidden;"></div>

---

问题是，当元素更改时，您需要以某种方式进行检查。如果调整元素的大小，则不会触发任何事件，因此您必须检查间隔以获得可靠的结果。我的例子是mousemove，但这并不可靠，因为在调整大小时，您实际上可以将鼠标移出元素。

有关stackoverflow的约束有很多问题--这些问题有帮助吗？有关stackoverflow的约束有很多问题--有帮助吗？没有。只有window对象有onresize事件，DOM元素没有：没有。只有窗口对象有onresize事件，DOM元素没有：