如何在不裁剪大图像的情况下使图像成为全屏

Question

我在ember app中使用了ember-fullscreen插件。我在全屏中显示图像（就像facebook一样）。我面临的问题是如果图像是然后我无法看到完整的图像。只有图像的一部分被显示出来。但在Facebook中无论图像的尺寸如何，它们都能够以全屏模式显示完整图像。如何我在呃应用程序中这样做。

component.js

import Ember from 'ember'; 

export default Ember.Component.extend({ 
    tagName: 'img', 
    attributeBindings: ['src', 'width', 'height'], 

}); 

template.hbs

{{#if fullscreen.isEnabled}} 
    {{full-screen src=photo.photo_url}} 
{{/if}} 

我应该怎么做，这样它应该能够在全屏mode.Thanks时显示屏幕尺寸内的整个图像毫不夸张地说。

Answer 1

如果您对照片中的固定宽度/高度，请尝试通过改变CSS的照片，以类似的东西动态调整：

.my-photo { 
    ... 
    height:100%; 
    width:100%; 
    ... 
}