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

Question

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

我找到了here：

  

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

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

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

Answer 1

您不能，它由用户代理处理（但您可以try rotating it：）

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

  

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

阿门：/

Answer 2

看看你引用的最后一行：

  

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

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

您唯一的选择是使用 JavaScript 进行大小调整。

Google快速搜索引导我：http://rightjs.org/ui/resizable/demo

虽然我确信您可以在没有JavaScript库开销的情况下执行此操作。