Как сделать изображение в полноэкранном режиме без обрезки больших изображений

Question

Я использую ember-fullscreen addon в приложении ember. Я показываю изображение в полноэкранном режиме (так же, как и в facebook). Проблема, с которой я сталкиваюсь, - это если изображения большой размер. Затем я не могу видеть полное изображение. Только частичная часть изображения отображается. Но в Facebook. Каким бы ни был размер изображения. Они могут показать полное изображение в полноэкранном режиме. Как следует Я делаю это в приложении ember.

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 в adavnce.

Answer 1

Если у вас есть фиксированная ширина/высота для фото, попробуйте сделать это динамически размера путем изменения CSS для фото, чтобы что-то вроде:

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