CSS - 阻止可调整大小的元素超出窗口大小

标签 css resize

我刚刚注意到,如果页面上有可调整大小的元素(例如 textarea)

调整大小时:

  • 它将允许您调整到与浏览器窗口一样大(包括滚动条)
  • 最终将可调整大小的 corerner 放在滚动条后面
  • 意思是你不能再缩小了

请注意: 窗口是 HTML 元素(里面还有一些 HTML 内容)。它确实有一个动态变化的宽度值。

请看屏幕:

调整大小前的屏幕

Screen before resize

调整大小后的屏幕:

enter image description here

是否有针对此的任何 CSS 修复?

最佳答案

不是专门为了防止它比窗口大,但是你可以在 CSS 中设置 max-width 来防止它扩展到超出合理的大小。

关于CSS - 阻止可调整大小的元素超出窗口大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7417945/

相关文章:

jquery - $(window).resize() 运行缓慢

javascript - 使用普通 JS 显示/隐藏 div

html - 无法将 CSS PIE 样式应用于 IE。*

jquery - 如何让 jQuery 的标题文本与图像对齐?

javascript - Google Maps API v3 + Foundation 4 Reveal 模式无法正确显示

javascript - 在纯 JavaScript 中捕获 SVG onresize() ?

javascript - 如何在父窗口调整大小时调整 iframe 的大小

javascript - jQuery 隐藏和显示胜过 CSS 媒体查询

html - 网站上的居中按钮

ffmpeg - 将影片大小调整为 200x200 的矩形