如何在左上角拖动时调整div的大小

Question

在CSS3调整大小中，要调整大小的图标位于右下角。如何使其显示在左上角，并使用户能够相应地调整大小？

我在这里找到了：

调整大小的精确方向（即更改元素的左上角或更改右下角）可能取决于许多因素，包括元素是否绝对定位、是否使用"right"one_answers"bottom"属性定位、元素的语言是否从右到左等。调整大小的精确方向留给UA来为平台正确确定。

到目前为止，成功地将图标放置在左下角使用：

.fixed {
    position: fixed;
    bottom: 0;
    right: 0;
    resize: both;
    overflow: auto;
    direction: rtl;
}

Answer 1

你不能，它由用户代理处理（但你可以尝试旋转它：）

老实说，我同意有人评论说，整个调整大小属性的事情应该被排除在标准之外：

这不应该在标准中。可调整大小的文本框是用户代理功能，以帮助缓解糟糕的设计，并为开发人员提供这种选择是疯狂的。如果我作为用户希望将文本框的大小调整为请帮我输入文本，然后由我决定。开发人员没有关于我的屏幕分辨率、DPI和物理尺寸的想法设备，或任何特殊的可访问性覆盖或用户样式表I已经申请，因此无法说我不需要调整大小某物

阿门：/

Answer 2

看看你引用的最后一行：

调整大小的精确方向留给UA来为平台正确确定。

这意味着默认行为是特定于浏览器的，你不能破解它

您唯一的其他选择是使用JavaScript调整大小。

在谷歌上快速搜索后，我发现：http://rightjs.org/ui/resizable/demo

尽管我相信你可以在没有JavaScript库开销的情况下做到这一点。