Tag: 纵横比

CSS强制调整图像大小并保持宽高比: 我正在处理图像，并且遇到了纵横比问题。 <img src="big_image.jpg" width="900" height="600" alt="" /> 正如你所看到的， height和width已经被指定。我为图像添加了CSS规则： img { max-width:500px; } 但对于big_image.jpg ，我收到width=500和height=600 。如何设置图像重新resize，同时保持高宽比。

保持div的宽高比，但在CSS中填充屏幕的宽度和高度？: 我有一个网站放在一起，有一个固定的纵横比约为16:9景观，就像一个video。我想让它居中并展开以填充可用的宽度和可用的高度，但不要在两侧都增大。例如：高而薄的页面将使内容伸展整个宽度，同时保持成比例的高度。一个简短的宽页面可以将内容拉伸到整个高度，并具有相应的宽度。有两种方法我一直在看：使用具有正确宽高比的图像来展开容器div ，但是我无法让它在主stream浏览器中performance得相同。设置一个比例底部填充，但只能相对于宽度而忽略高度。它只是随着宽度不断变大，并显示垂直滚动条。我知道你可以很容易地做到这一点，但我想要一个纯粹的CSS解决scheme。有任何想法吗？

Java：保持JPanel背景图像的纵横比: 我有一个带有绘制背景图像的JPanel和一个布局pipe理器，其中包含所有的JFrame 。背景图像相当大，我希望能够保持它的宽高比，无论是在一个大的或小的显示器上。最终，我希望能够将我的LayoutManager和其单元格中的较小图像粘贴到背景图片上。我环顾四周寻找资源，似乎很多例子使用了一个BufferedImage但我不是; 这会造成一个问题吗？我将在下面张贴我的代码来绘制图像，如果我缺less任何信息，请让我知道。 public class MonitorPanel extends JPanel { Image img; public MonitorPanel() throws MalformedURLException { //add components try { img = ImageIO.read(new File("src/customer_vlans.jpg")); } catch (IOException e) { // TODO Auto-generated catch block e.printStackTrace(); } } protected void paintComponent(Graphics g) { //paint background image super.paintComponent(g); //g.drawImage(img, 0, 0, getWidth(), getHeight(), […]