responsive-images

1热度

1回答

由于我已经实施谷歌AMP我正在努力解决这个问题。每次我用width远远超过我的网站width较小，amp-img添加图像自动添加利润率保持纵横比，这样的：[官方文件]中提到我曾尝试其他布局，（https://www.ampproject.org/docs/guides/responsive/control_layout#supported-values-for-the-layout-attrib

6热度

2回答

引导4转盘没有响应图像

看看这个： http://www.consultacultura.it/portale_comunale_della_cultura.asp?IDcomune=1 轮播图片不响应喜欢它下的图像。他们有相同的img-fluid。

0热度

1回答

HTTP/2和响应图像

我目前正在试验http/2和服务器推送规则。实现js和css文件的推送规则非常容易，但似乎无法有效地使用响应图像的推送功能，如图片标记和/或srcset属性。当然，我可以将每个版本的图像都推送给客户端，但这会造成交通灾难，特别是在流量有限的移动设备上。据我所知，浏览器获得的每个文件推的承诺。当文件已被缓存时，诺言用于中断推送。我希望这种说法是正确的。有没有办法告诉浏览器，使得图像仅仅是一个特

0热度

2回答

如何制作3幅跨网站响应宽度的图像？

所以我想在网站的整个宽度上有3张图片，每张图片都是1/3。我希望他们能够在不同的屏幕尺寸下做出相应的响应和缩放比例，并让他们保持宽高比，我会怎么做呢？到目前为止，我已经管理这个，但是当网站缩小时，它们非常不自然地收缩。下面是它到目前为止的代码： #content { height: auto; width: 100%; font-size: 0px;

0热度

1回答

DFP在引导程序中的响应度

我刚刚加入了针对发布商的双击操作，并且希望在不映射特定大小的情况下显示自适应广告单元。我想申请一个像img-responsive那样的类，其中我修复了宽度并让高度适应。我知道有很多问题，但我正在寻找类似于bootstrap的解决方案，根本没有映射。谢谢:)

0热度

1回答

响应CSS编码中的图像问题

我在我的网站上使用封面图片进行响应式工作。但我得到''标记，而不是CSS文件。所以当我进行响应式工作时，图像不适合。我将宽度设置为100％，高度设置为自动。但即便如此，图像并不适合。顶部和底部有空间。我想让图像在缩小屏幕时缩放，并且图像留在没有顶部和底部空间的自己的标签中。

0热度

2回答

Bootstrap品牌形象显示太大

也许它的我的CSS，但我的代码应该在头部以固定的大小显示图像。但是，看起来它可能在div之外。继承人的代码。 <div class="row"> <div class="col-md-12 top navbar-fixed-top"> <div class="col-md-6"> <nav class="navbar navbar-default" rol

0热度

1回答

响应图像srcset不表现为预期

我试图实现与下面的宽松要求 0-600px>显示小图像的full screen responsive image solution 601-900px>显示 901-2000px>显示大中型图像图像位挖掘之后，我决定与尺寸为工作： iphone 6> 414x736 的ipad> 768×1024 我创建单独的图像，每个屏幕尺寸（艺术指导目的），并用于下面的srcset代码 <img src="

0热度

3回答

移动设备上的引导程序网格布局

我正在尝试使用不同的图像创建引导程序网格布局。除了在Chrome上的移动检查器中查看不同移动设备时，一切都很好。以下是检查员看起来像的图片。第二张图像与前一张图像略有偏离。 <section class="container" id="main"> <section class="center-block text-center"> <h4>Random Column Number 1

0热度

1回答

无法获得srcset加载正确的图像

我使用的HTML以下&（使用响应开发工具时），150×150的图像总是被加载使用Chrome，但无论是浏览器的宽度测试。如果我正确理解它，我认为当浏览器宽度小于150像素时，它会加载60x60图像？ <a href="/"> <img src="https://dummyimage.com/60x60/000/fff" sizes="100vw" srcset="ht