拖动左上角时如何调整div的大小？答案

【问题标题】：How to resize div when dragging top left?拖动左上角时如何调整div的大小？
【发布时间】：2014-10-30 10:54:21
【问题描述】：

在 CSS3 resize 中，要调整大小的图标位于右下角。如何让它出现在左上角并让用户能够相应地调整大小？

我找到了here：

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

到目前为止，使用以下方法设法将图标放在左下角：

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

【问题讨论】：

有可用的代码或演示吗？
我怀疑你可以，因为这是由浏览器处理的。此外，direction: rtl 还具有我怀疑您不想要的其他含义。
rtl 并发症不会打扰我，因为我有另一个设置方向的 div：initial;按预期工作:)

标签： html css resize draggable

【解决方案1】：

你不能，它由用户代理处理（但你可以try rotating it :)

老实说，我同意 the one commenting 的观点，即整个 resize 属性应该被排除在标准之外：

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

阿门：/

【讨论】：

我明白你的意思，这确实是有道理的。直到像我这样不想实现 Javascript 代码来操作 DOM 并且对简单的解决方案感到满意的人出现。
不弄乱javascript，only的解决方案是：让浏览器（每个浏览器都会把它放在元素的右下角）。这没什么大不了的，但你别无选择。这是一个“你不能”的答案，但它仍然是正确的答案。对不起。

【解决方案2】：

看看你引用的最后一行：

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

这意味着默认行为是特定于浏览器的，您无法破解它。

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

通过 Google 快速搜索，我找到了这个：http://rightjs.org/ui/resizable/demo

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

【讨论】：