CSS 使用CSS创建可调整大小的图像

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了CSS 使用CSS创建可调整大小的图像相关的知识，希望对你有一定的参考价值。

HTML:

<div class="resize2"><img src="image.jpg" alt="" /></div>


CSS:

.resize2 {
  border: 3px double #333;
  float: left;
  height: 12em;
  margin: .2em 1em 1em 0;
  overflow: hidden;
  width: 12em;
}

.resize2 img {
  margin: -220px 0 0 -210px;
  padding: 6em 0 0 6em;
}

以上是关于CSS 使用CSS创建可调整大小的图像的主要内容，如果未能解决你的问题，请参考以下文章

css 可调整大小的图像

jquery UI 图像可调整大小但不可拖动？

css 使用flexbox的响应式，可调整大小的面板布局

CSS：使 div 可调整大小

当浏览器调整大小时，不断在视频上移动可调整大小/可拖动的图像

使用 css 围绕 div 自定义覆盖 - jQuery 可调整大小的自定义句柄