В CSS есть удобная собственность для изменения размера элементов: изменить размер. Тем не менее, мне не ясно, как использовать это доступным образом. Руководство, размещенное на элементе, не является частью DOM или порядок вкладки. Насколько я могу судить, сопротивление - единственный способ изменить размер элемента; Это, кажется, нарушает рекомендации WCAG. Создание целого набора логики изменения размера, чтобы имитировать то, что встроено в браузер, кажется безумным, но так же, как и убить полезную функцию, потому что она недоступна. class = "Snippet">
Код: Выделить всё
.resizeable {
resize: both;
border: 1px solid black;
width: 15em;
height: 15em;
min-width: 5em;
min-height: 5em;
overflow: scroll;
}< /code>
This is a resizeable div using only CSS. This is very handy for popup windows, for example. The lower right corner can be dragged to resize, but no keyboard controls exist that I can find so the accessibility is questionable.
Подробнее здесь:
https://stackoverflow.com/questions/796 ... css-resize