responsive-images 相关问题

响应式图像是响应式网页设计(RWD)的一部分,专门处理网络上的图像,可根据屏幕尺寸,平台和方向在各种设备上提供最佳体验。

在 Wordpress 中加载相同宽高比的缩略图

我已经在 WordPress 中注册了具有特定宽高比的风景图像的尺寸(2048 像素 x 684 像素); add_image_size('2048x684-header', 2048, 684, true); //庄稼。 我已经设置了 ACF ...

回答 0 投票 0

设置<img>在<图片>内的<源码>的尺寸,以利于SEO页面的加载时间。

使用下面的代码,我试图实现这个目标:允许浏览器在WEBP和WEBP之间选择 和JPEG (作为后备方案)显示754px宽的图片,用于视口宽度>...。

回答 1 投票 0

响应式正方形img (padding-bottom: 100%)在iOS上无法使用?

我的博客里有一个 "相关文章 "的网格,我试了padding-bottom: 100%的技巧来使每篇文章的图片都是正方形的。它的工作原理在桌面上,但在移动iOS的图片的高度......

回答 1 投票 0

如何在保留响应式设计的同时,超越容器?

我想建立这个页面,但我有一个问题,这是,我不知道如何强制图像的bootstrap容器,同时保留响应布局,有什么办法,我可以做到这一点... ...

回答 1 投票 0

响应式图像到Bootstrap (4) 列和srcsetsizes属性。

直到现在,我有一个大的图像,并添加了 "img-fluid "类到它。有了这个,我可以使图像增加或减少其大小取决于容器。问题是,一个移动设备...

回答 1 投票 0

如何在div上创建响应背景

我正在尝试在div元素上制作响应式背景图像,但是它不起作用。这是我的CSS:.block-main {背景:url(images / ohdaihiep / bg1.png)center center / cover no-repeat; min -...

回答 1 投票 0

如何使互联网上的图像在android布局上响应?

我在自己的布局上有一个Imageview,直到我填满了从网络上下载的.jpg。事实是,我试图使图像容器响应屏幕尺寸,因为在较大的手机中...

回答 1 投票 0

不带浏览器的图像调整大小(仅CSS / HTML)

在我当前的项目中,我只想使用CSS / HTML来获取我的图片(在内)以调整页面大小。我曾在以前的网站上进行过这项工作,现在...事实并非如此。当浏览器窗口...

回答 1 投票 0

如何在不损失质量的情况下针对不同的img元素宽度使用相同的图像?

我在多个宽度上都具有相同的图像,例如气球35.webp,气球40.webp,气球90.webp。我也有多个宽度不同的img元素,例如,

回答 1 投票 0

您能帮助我设计我的投资组合网站吗?

嗯,我正在制作自己的作品集,并且在媒体查询方面遇到问题。我在PC屏幕上有一个优化设计,但是当我在智能手机上输入它时,它不能正常工作。这是CSS ...

回答 1 投票 -1

通过Kirby CMS REST API使用响应图像

我正在评估使用Kirby的完全无头的装置。我希望能够上传一个大尺寸的图像,而柯比应生成不同大小的响应图像。 (我知道此功能...

回答 1 投票 0

使裁剪后的图像在CSS中响应

信息:我的网页顶部有一个裁剪的图像用作背景图像。在CSS中,我以px为单位定义了包含图片的div的大小-正在裁剪图片。 (我正在...

回答 1 投票 0

将img srcset与Vue.js中的数组和数据对象绑定

我在一个数组中有一个图像名称列表,但是我想给它们加上主机前缀,并添加一些有趣的调整大小选项以进行响应。这是我所拥有的:new Vue({el:'#gallery_images',data:{...

回答 1 投票 0

我无法在没有绝对位置和其他功能的情况下居中图像[重复]

我有两个div,每个div都有一个图像和一个标题。我希望图像垂直居中或填充div元素而不会拉伸或任何异常调整大小。我搜索并使用了任何建议,例如How ...

回答 2 投票 0

我需要在图像旁边放置文本,并从上到下堆叠它们

我有一个城市着陆页,在主图像下面,我想要一张带浮标的图片:对;旁边是文本。在此之下,我希望具有相同的内容,但是这次我使用了float:left;。 ...

回答 1 投票 -1

如何在引导程序中设置图像的高度和宽度后如何使图像响应

因此,我正在建立此投资组合,并且我找到了使文本和其他内容响应的方法,但是我无法使图片响应,我将其高度设置为325,但是当我缩小.. 。

回答 1 投票 0

移动srcset结果不一致

关于srcset的另一个问题不起作用,但是我已经遍历了无数问题,其中大多数似乎是'在私有窗口中打开测试”或'srcset在该浏览器中不起作用'...

回答 1 投票 0

在小屏幕尺寸下将响应图像设置为固定的高度和宽度

我正在尝试修改继承的现有页面-该页面正在使用Bootstrap 3.3.7,该页面动态生成HTML(正在从数据库中读取图像URL以及高度和宽度...

回答 1 投票 0

自动响应图像

我的工作流程效率低下,无法生成响应图像。我要做的是(1)安装一个虚拟Wordpress,(2)当我想在我的网站中包含图片时,将原始图片上传到...

回答 1 投票 0

Srcset渲染图像尺寸错误

我正在尝试根据设备的宽度提供响应/自适应图像。原始图像:

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.