我有一个带有layout=“响应式”的amp-img，我需要把一些文本放在里面，或者放在上面，如果你喜欢这样说的话。amp-img将填充屏幕的宽度，高度将由amp-img确定，这样整个图像都是可见的，并且宽高比保持不变。 有没有办法做到这一点？ 我可以将图像放在背景中，但会丢失amp-img提供的响应式大小。我试过使用背景大小的封面或容器，但我发现图像总是被裁剪，要么是在右边，要么是在底部。 我还尝试使用</
浏览 43提问于2019-02-01得票数 3
我想把超文本标记语言页面转换成Google AMP页面，我有这个问题，我有很多<img>，我想转换成<amp-img>标签。例如，我想转到：hi bro <img src="c.png'><amp-img src="apa.png" width="800" height="684" layout<
浏览 95提问于2017-08-10得票数 1
回答已采纳
如何在一个页面中有多个单独的灯箱图库？我知道有一个lightbox组件，可以用来分离一些图像集，但是它缺少一些功能，比如缩略图和标题。
浏览 1提问于2019-05-16得票数 1
回答已采纳
1回答
我试着让amp-list的高度响应 <amp-list width="100" height="1980" [height]="660 * page.items.posts.length" layout="responsive" src="/get_posts/" [src]="'/get_posts?
浏览 13提问于2020-04-28得票数 0
在不带amp的版本中，文本的布局如下所示 <p><img src="https://www.example-site.ru/files/12345.jpg" alt="" width="30" height</p> 在使用amp的版本中，布局如下所示 <p>
<amp-img layout="res
浏览 24提问于2019-01-24得票数 0
2回答
例如，我尝试使用AMP提供的on属性来传递索引值，但我认为它是直接针对lightbox的，而不是lightbox中的旋转木马。" layout="responsive" src="https://picsum.photos/200/300?on="tap:my-lightbox.close" role="button">
<amp-img width=&quo
浏览 0提问于2018-10-30得票数 0
回答已采纳
有什么方法可以做出响应性的amp-carousel
我尝试在旋转木马中的图像上使用属性layout="responsive"，但它不起作用。
浏览 8提问于2015-12-29得票数 2
回答已采纳
对于AMP文章，我将文章正文设置为动态宽度的列(当前为30vw)。我希望图像以全宽填充列，所以我使用<amp-img layout='responsive'>。这可以很好地工作，除了比列更窄的图像-在这种情况下，responsive模式放大它们，这是不可取的。
我可以通过将较小的图像设置为fixed layout来解决此问题。但是该在哪里停下来呢？如果我将所有图像设置为fixed，则较大的图像将从列中分
浏览 26提问于2016-08-12得票数 4
1回答
src="https://lh3.googleusercontent.com/pSECrJ82R7-AqeBCOEPGPM9iG9OEIQ_QXcbubWIOdkY=w400-h300-no-n" layout=flex-item></amp-img>
<amp-img class="child-flex-default" src="https://lh3.googleusercontent.com&#x
浏览 1提问于2018-10-08得票数 1
回答已采纳
我目前正在制作我的网站-ified我的网站是建立在bootstrap中的，所有的东西都是响应式的，所以我的大多数图片都是这样设置的： width:100%;然而，我在使用amp-img时遇到的问题是，它需要在映像上设置width和height。在不设置height和width的情况下，使用amp制作响应图像的正确方法是什么
浏览 3提问于2016-09-26得票数 7
<amp-carousel id="carousel-with-preview" height="300" <amp-img src="images/image1.jpg" height="300
浏览 1提问于2018-05-14得票数 4
回答已采纳
在<amp-img>中有使用onerror属性的方法吗？<img src="../images/some-logo1.jpg" onerror="this.src='../images/no-img.jpg';" class="posting-logo-img">
但是amp html将在amp-img中创建img标记。<a
浏览 5提问于2017-08-10得票数 4
回答已采纳
我在我的页面中使用了这个例子： height="300" type="slides"> width="400"
height="3
浏览 0提问于2016-11-05得票数 0
1回答
安培-img中的样式响应布局
、、、、
每次我添加一个width比我的网站width小得多的图像时，amp-img都会自动添加页边距以保持高宽比，如下所示：
但是在移动版本中，当图像更宽时，屏幕上的图像就会左右溢出。当图像相对较小时，我是否可以通过responsive layout来去除如此大的边距？仔细研究代码中的一些内容，这个问题似乎是由
浏览 3提问于2017-03-03得票数 2
回答已采纳
一个例子 media="(min-width: 650px)" width=466 layout="responsive"><amp-img src="wide.jpg" he
浏览 2提问于2016-02-01得票数 2
回答已采纳
我目前正在创建一个电子商务产品详细页面使用AMP。作为工作的一部分，我希望能够提供有效的来协助搜索引擎优化。在尝试将itemprop="image"的结构化数据属性添加到使用amp-img呈现的产品英雄图像时，我遇到了一个问题。据我所知，没有办法将自定义属性应用于amp-img最终将呈现的img标记。="260" height="260" layout="responsive"
class=
浏览 31提问于2019-04-20得票数 1
在昨天参加了AMP团队出色的路演后，我开始使用AMPlify网页。如果我使用layout="responsive"，旋转木马就能完美地工作。但是，如果我使用layout="fixed-height"，图像不会显示，只有导航按钮在那里。/foo_02.png" layout="responsive" class="i-amphtml-element i-amphtm
浏览 4提问于2018-08-09得票数 1
回答已采纳
首先，我的项目使用的是Laravel框架。 我使用amp-list来动态呈现我的内容。width="1" height="1" layout="responsive" class="center" src="{{ image }}" alt="{{ name }}">="Back Support" src="" class="center i-amp
浏览 20提问于2020-11-04得票数 0
回答已采纳
1回答
div class="thumbnail"> </div><div class="thumbnail">
<amp-imgsrc="MyImage.jpg" width="1080" height="610" layout="responsiv
浏览 3提问于2016-02-29得票数 1
回答已采纳
云服务器
ICP备案
腾讯会议
云直播
对象存储
腾讯云开发者
