如何自动调整图像大小以适合“ div”容器？
您如何自动调整大图像的大小，以使其适合较小的div容器，同时保持其宽高比？
示例：当图像插入到编辑器面板上并且图像太大而无法容纳在页面上时，图像将自动调整大小。
问题答案：
请勿对图片标签应用明确的宽度或高度。相反，给它：
max-width:100%;
max-height:100%;
另外，height: auto;如果只想指定宽度。
img {
max-width: 100%;
max-height: 100%;
}
.portrait {
height: 80px;
width: 30px;
}
.landscape {
height: 30px;
width: 80px;
}
.square {
height: 75px;
width: 75px;
}
Portrait Div
<div class="portrait">
<img src="http://i.stack.imgur.com/xkF9Q.jpg">
</div>
Landscape Div
<div class="landscape">
<img src="http://i.stack.imgur.com/xkF9Q.jpg">
</div>
Square Div
<div class="square">
<img src="http://i.stack.imgur.com/xkF9Q.jpg">
</div>
-
问题内容： 我正在尝试从目录加载图像并将其作为图标放置在中。但是，当图像尺寸很大时，就不能完全放入标签中。我尝试调整图像的大小以适合标签，但无法正常工作。我可以知道我要去哪里了吗？ 问题答案： BufferedImage img = ImageIO.read(…); Image scaled = img.getScaledInstance(500, 500, Image.SCALE_SMOOTH)
-
我有一些问题与CSS为我的网页，显示社会媒体风格的帖子，包括图像。当显示图像时，它们被放置在div标记中，该标记的样式是尝试缩小图像的大小，并将图像horziont地相邻显示。 然而，我有一个问题，图像仍然试图堆叠在一起，我不能让他们调整我想要的大小，特别是在移动。目前基于其他线程，这是我得到的
-
问题内容： 这看似微不足道，但是经过所有的研究和编码，我无法使其正常工作。条件是： 浏览器窗口大小未知。因此，请不要提出涉及绝对像素大小的解决方案。 图片的原始尺寸未知，可能适合浏览器窗口，也可能不适合浏览器窗口。 图像垂直和水平居中。 图像比例必须守恒。 图像必须在窗口中完整显示（不裁剪）。 我不希望滚动条出现（如果图像合适，它们也不应该出现。） 窗口尺寸更改时，图像会自动调整大小，以占据所有可
-
问题内容： 不知道我需要什么。我有一个包含一些内部元素的容器（JPanel）。我想知道是否有可能迫使内部元素适应容器的大小。我需要使它们完全可见，即调整其大小以适合面板的尺寸，并且不剪切内部元素的某些部分。 滚动不是一种选择。 使用Layout或其他方法可以做到吗？ 编辑：重要说明：问题是我无法访问内部元素，也无法访问其属性，因此我想说需要一个能够调整子元素大小以适合其大小的Layoutmanag
-
问题内容： 有人问过类似的问题，但是解决方案确实与我正在尝试做的事情相吻合。基本上，我有一篇标题为（）的文章。我不想控制标题的长度，但是我也不想标题显示在多行上。CSS或jQuery是否可以根据标签的宽度来调整文本大小？ 我知道如果可以检测到文本与边缘的重叠，我将如何处理伪代码： 如果有一个CSS属性，我可以设置为更好，但是我似乎找不到（在这种情况下，溢出不会起作用）。 问题答案： CSS否，Ja
-
问题内容： 我正在尝试使图片适合JLabel。我希望将图片尺寸减小到更适合我的Swing JPanel。 我尝试使用setPreferredSize，但是它不起作用。 我想知道是否有一种简单的方法？我应该为此缩放图像吗？ 问题答案： 大纲 这是要遵循的步骤。 将图片读取为BufferedImage。 将BufferedImage的大小调整为另一个JLabel大小的BufferedImage。 从调