Можно ли перемещать размеры amp-img на inlined css?

Question

Рассмотрите следующую ситуацию:

У меня есть страница с AMPed, где я хочу отображать amp-img. В следующей ситуации все работает отлично:

<amp-img src="foo" width="100px" height=100px" layout="responsive"/> 

Проблема заключается в том, когда я хочу, чтобы сохранить этот стиль для дальнейшего использования, например:

<style amp-custom> 
    amp-img.default-styling { 
    width: 100px; 
    height: 100px; 
    layout: responsive; 
    } 
</style> 
... 
<amp-img class="default-styling" src="foo"/> 

У меня действительно есть, чтобы настроить каждую фотографию на мой AMPed, или, может быть, что-то не так с моим кодом? Спасибо за все советы.

Answer 1

Вы должны определить ширину и высоту в каждом экземпляре amp-img. Это данные, которые использует jp-файл amp при настройке ваших изображений на основе экрана устройства, на котором он отображается. В зависимости от того, как настроена ваша страница, вы можете вставлять изображения динамически с помощью php, поэтому вам не нужно настраивать их.