<分区>
如何在不丢失任何图像的情况下将矩形图像“调整”为方形图像?
这是一个不允许脚本标签的 eBay 列表,所以我想避免使用 JS 和我们的 CSS。
http://www.garralab.com/nailthumb-examples.php 请参阅 - 示例 > 调整大小。
这只能在 CSS 中实现吗?
<分区>
如何在不丢失任何图像的情况下将矩形图像“调整”为方形图像?
这是一个不允许脚本标签的 eBay 列表,所以我想避免使用 JS 和我们的 CSS。
http://www.garralab.com/nailthumb-examples.php 请参阅 - 示例 > 调整大小。
这只能在 CSS 中实现吗?
最佳答案
有一个解决这个问题的方法是使用背景。如果您有未知尺寸的图片,可以使用 background-size:cover 制作 squire 缩略图。
<div class="thumbnail" style="background-image:url(print/the/image/path.jpg);"></div>
.thumbnail {
background-repeat:no-repeat;
background-position: center;
background-size: cover;
}
background-size:cover; -- 将使任何图像覆盖整个区域。
关于html - 如何在不丢失任何图像的情况下将 "resize"矩形图像转换为方形图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23127515/