为了改善用户体验，CSS3 中添加了一个非常有用的 resize 属性，它允许用户通过拖动来自由缩放元素的大小，以前，要实现类似的效果，这需要大量的 JavaScript 代码。调整大小属性是：
调整大小：无|两者|水平|垂直；
语法解释如下：
- none：用户无法调整元素的大小。
- Both：用户可以调整元素的高度和宽度。
- 水平：用户可以调整元素的宽度。
- 垂直：用户可以调整元素的高度。
使用调整大小属性时，请记住以下几点：
- 单独设置resize属性是无效的。要使resize属性生效，必须与overflow属性结合使用，并且overflow属性的值必须设置为auto、hidden或scroll。
- 并非所有元素都可以具有 resize 属性，例如 img 或 table 属性。无法使用调整大小属性。
示例代码如下。
<!DOCTYPE html>
<html>
<head>
<style>
div
{
border: 1px solid;
width: 300px;
resize: both;
overflow: auto;
}
</style>
</head>
<body>
<div>resize 属性を利用することで、要素の水平および垂直方向のサイズを調整できます。</div>
</body>
</html> 执行时的效果如下图所示。
[标题id =“attachment_829”对齐=“aligncenter”宽度=“902”] 
图：调整属性大小演示[/caption]
图：调整属性大小演示[/caption]运行上述代码后，您可以通过拖动元素的右下角来调整元素的大小。
通俗易懂的讲解“CSS resizing（调整元素大小）”！您必须观看的最佳 2 个视频
【CSS基礎講座】min-width,max-widthプロパティを学ぼう！（WEBデザイン）
CSSでサイズ指定するときの単位(px,%,vw,vh,em,rem) 横幅や高さの長さを指定するときに、emとか、remとか、vwって言われてもよくわからんのです🥺
![2021 年如何设置 Raspberry Pi Web 服务器 [指南]](https://i0.wp.com/pcmanabu.com/wp-content/uploads/2019/10/web-server-02-309x198.png?w=1200&resize=1200,0&ssl=1)
