Amp html 响应性<;amp img>;容器高度

Amp html 响应性<;amp img>;容器高度,amp-html,Amp Html,我想把一个小的内联在一行文本上。用例是在文本行中插入一个latex公式。我预先知道图像的宽度和高度,但我不知道该行文字的高度,因为该行文字的高度会响应浏览器大小的变化(桌面的文字越大,手机的文字越小) 根据容器的宽度按比例调整图像大小。是否有类似的机制可用于根据容器的高度按比例调整图像大小?如果您检查“关于响应”布局,则元素的大小将与其容器元素的宽度相匹配,并自动将其高度调整为宽度和高度属性给定的纵横比。这种布局适用于大多数放大器元件,包括放大器img、放大器视频。可用空间取决于父元素,也可以使

我想把一个小的
内联在一行文本上。用例是在文本行中插入一个latex公式。我预先知道图像的宽度和高度,但我不知道该行文字的高度,因为该行文字的高度会响应浏览器大小的变化(桌面的文字越大,手机的文字越小)

根据容器的宽度按比例调整图像大小。是否有类似的机制可用于根据容器的高度按比例调整图像大小?

如果您检查“关于响应”布局,则元素的大小将与其容器元素的宽度相匹配,并自动将其高度调整为宽度和高度属性给定的纵横比。这种布局适用于大多数放大器元件,包括放大器img、放大器视频。可用空间取决于父元素,也可以使用最大宽度CSS进行自定义

还可以检查控制页面布局外观和行为的
@media
,就像在任何其他网站上一样。当浏览器窗口更改大小或方向时,将重新计算媒体查询,并根据新结果隐藏和显示元素

<amp-img
media="(min-width: 650px)"
src="wide.jpg"
width=466
height=355
layout="responsive" >
</amp-img>

如果我想让
将其高度调整为可用宽度,这会有所帮助。在这种情况下,我希望元素将其宽度调整为可用高度。