0
Betrachten Sie folgende Situation:Ist es möglich, Dimensionen von amp-img in inlined CSS zu verschieben?
Ich habe eine AMPed Seite, wo ich amp-img anzeigen möchte. In der folgenden Situation funktioniert alles einwandfrei:
<amp-img src="foo" width="100px" height=100px" layout="responsive"/>
Das Problem ist, wenn ich das Styling für die weitere Verwendung speichern möchten, wie:
<style amp-custom>
amp-img.default-styling {
width: 100px;
height: 100px;
layout: responsive;
}
</style>
...
<amp-img class="default-styling" src="foo"/>
Muss ich jedes Bild wirklich anpassen müssen, um auf meinem AMPed Seite, oder stimmt etwas mit meinem Code nicht? Danke für alle Ratschläge.
Sie müssen eine Breite und Höhe in jeder amp-img-Instanz definieren. Das sind die Daten, die das amp javascript verwendet, um Ihre Bilder auf dem Bildschirm des Geräts anzupassen, auf dem es angezeigt wird. Abhängig davon, wie Ihre Seite eingerichtet ist, können Sie die Bilder Dynamisch mit PHP einfügen, so dass Sie nicht jedes einzelne anpassen müssen. –
@MichaelMcCoy Vielen Dank! Wenn Sie Ihre Antwort als Post anstatt als Kommentar abgeben würden, würde sie als Antwort akzeptiert werden. – pidabrow