2016-11-28 24 views
0

請考慮以下情況:是否有可能將amp-img的尺寸移至內聯css?

我有一個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頁面,或者我的代碼有問題?感謝所有的建議。

+1

您必須在每個amp-img實例中定義寬度和高度。這是放大器javascript基於它所顯示的設備屏幕調整圖像時所使用的數據。根據你的頁面設置的方式,你可以用php動態插入圖像,所以你不必自定義每一個。 –

+0

@MichaelMcCoy非常感謝!如果你將自己的答案作爲一個帖子而不是評論,那麼它會被接受的答案。 – pidabrow

回答

4

您必須在每個amp-img實例中定義寬度和高度。這是放大器javascript基於它所顯示的設備屏幕調整圖像時所使用的數據。根據你的頁面設置的方式,你可以用php動態插入圖像,所以你不必自定義每一個。