跳至主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 随机
搜索

文章标签
resize

6 篇文章
{
,

}
指向文章“resize: none;” 在文本区域上是糟糕的用户体验的直接链接
resize textarea ux

“resize: none;” 在文本区域上是糟糕的用户体验

Catalin Rosu:

有时你需要输入一个包含许多段落的冗长回复,将这些文字包裹在一个微小的文本区域框中会让你在输入时难以理解和跟踪。有很多次

…
Avatar of Chris Coyier
Chris Coyier 于 2020 年 1 月 30 日
指向文章可调整大小的 CodePen 嵌入的直接链接
resize

可调整大小的 CodePen 嵌入

如果你将一个嵌入式 Pen 放入一个可调整大小的容器中,它会流畅地调整大小以填充垂直和水平空间。没什么特别之处,但我在这里链接它,因为我认为提供用户可调整大小的整个理念……

Avatar of Chris Coyier
Chris Coyier 于 2017 年 5 月 4 日
指向文章使用 CSS 和 JavaScript 进行缩放/比例内容的直接链接
纵横比 resize

使用 CSS 和 JavaScript 进行缩放/比例内容

网络是一个充满变化的地方。不同的屏幕尺寸等等。幸运的是,网络已经准备好了。文字会换行。CSS 使我们能够控制如何调整大小。我们无法轻易获得(无论如何)的是……

Avatar of Chris Coyier
Chris Coyier 于 2017 年 5 月 4 日
指向文章完成调整大小事件的直接链接
jQuery resize

完成调整大小事件

如果你习惯使用类似 jQuery UI 可调整大小 的东西,你会在调整大小过程中以及在调整大小结束时获得可以绑定的事件。

原生 JavaScript 中没有这样的事件。

你可以通过设置来伪造它……

Avatar of Chris Coyier
Chris Coyier 于 2017 年 5 月 4 日
指向文章 resize 的直接链接
resize textarea

resize

resize 属性控制元素是否以及如何通过单击和拖动元素右下角来由用户调整大小。

.module {
  resize: both;
}

非常重要的一点是:resize 除非……

Avatar of Sara Cope
Sara Cope 于 2019 年 1 月 31 日
指向文章文本区域技巧的直接链接
resize textarea

文本区域技巧

哦,<textarea></textarea> 的。你拥有多少怪癖。这里收集了与文本区域相关的九件事,你可能想做。尽情享受……

Avatar of Chris Coyier
Chris Coyier 于 2018 年 12 月 10 日

CSS-Tricks 由 DigitalOcean 提供支持。

随时了解网络开发

通过我们手工制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律条款
  • 获取免费积分!
CSS-Tricks
  • 为我们写文章!
  • 与我们合作广告
  • 联系我们
社交
  • RSS 订阅
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.