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

Question

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

我找到了here :

The precise direction of resizing (i.e. altering the top left of the element or altering the bottom right) may depend on a number of factors including whether the element is absolutely positioned, whether it is positioned using the ‘right’ and ‘bottom’ properties, whether the language of the element is right-to-left etc. The precise direction of resizing is left to the UA to properly determine for the platform.

到目前为止，已成功使用以下方法将图标放置在左下角:

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

Answer 1

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

老实说，我同意the one commenting整个调整大小属性的事情应该被排除在标准之外:

This shouldn’t be in the standard. Resizable textboxes are a useragent feature to help mitigate poor design, and giving developers theoption to it is madness. If I as a user want to resize a textbox tohelp me enter text, then that should be up to me. The developer has noidea about the screen resolution, DPI, and physical dimensions of mydevice, or any special accessibility overrides or user stylesheets Ihave applied, and therefore no way to say I don’t need to resizesomething.

阿门:/