responsive-images 相关问题

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

使用具有艺术指导的响应式图像

是否可以使用响应式图像来获取适当大小的图像,以及在移动设备上显示不同图像的艺术指导? 我还没有看到任何带有 t 示例的文档...

回答 2 投票 0

如何修复以下代码以允许 Bootstrap 5.3 中提供的卡片具有移动响应能力?

`我不知道下面的代码做错了什么。我一直在尝试编辑它,但我觉得我让事情变得更糟。我不明白我在设置容器、行和

回答 1 投票 0

Flutter:如何在启动前确定图像的缓存大小?

Flutter DevTools 显示消息:考虑提前调整资源大小、提供 35 的 cacheWidth 参数、35 的 cacheHeight 参数或使用 ResizeImage。 因为我的形象...

回答 1 投票 0

为什么 OBJECT 元素始终是 html 宽度的 100%,尽管 SVG 缩放比例

有人可以解释一下为什么当我的 SVG 图像高度缩小并且宽度按比例缩小以实现真正的缩放时,OBJECT 标签/元素的宽度仍然需要 100% 看到她...

回答 1 投票 0

如何从标题背景中删除边框

今天我尝试制作一个滚动网站,在第一次加载时我尝试使标题可见,没有任何内容,只有 CSS 背景。背景有响应,但我不知道为什么不响应

回答 1 投票 0

srcset 无法正常工作

我试图让 srcset 工作,这样我就可以在不同的屏幕尺寸上加载多个图像,但它在控制台中给出以下错误: “解析‘srcset’属性值失败,因为...

回答 1 投票 0

响应式图片选择显示错误的图像

我想在不同的视口上显示不同的图像。因此,我将 标签与两个源和相应的媒体查询一起使用。我已经清除了我的缓存几次...

回答 1 投票 0

nginx image_filter 调整图像大小并将图像转换为 webp

我想通过 nginx 中的 image_filter 提供调整大小和转换后的 png/jpg/jpeg 图像,以提供 webp 格式的图像。是否有任何选项可以通过 try_files 重写路径或以其他方式执行此操作...

回答 1 投票 0

为什么数组在渲染时为空,但如果代码更改则填充

所以我从 firestore 数据库中获取 url,然后将这些 url 用于 img 标签。 然而,我面临的问题是,当页面加载时,数组是空的,但如果我进行更改......

回答 1 投票 0

Bootstrap:img-responsive 与 img-fluid

我正在使用 bootstrap 3.3.6,并且我正在使用类 img-responsive 来实现图像响应。 我发现了一个新的类名 img-fluid,但它在 3.3.6 版本中不存在。 谁能告诉我这是什么

回答 1 投票 0

CSS:为什么 calc(contain * 0.66) 不起作用?

我有两个分层背景图像,需要使用包含调整大小,以便在所有响应断点处正确显示。 当我使用百分比指定背景大小时,我发现......

回答 1 投票 0

Webpack 4 - 生成响应式图像

我想从一张基本图像生成不同尺寸的图像。 F.e.我有一张 1920x1080 的图像,处理后我想要尺寸为(768、1024、1600、1920)的图像。 我知道有一个装载机...

回答 1 投票 0

如何检查浏览器是否支持AVIF图像

如何使用 JavaScript 检测浏览器是否支持 AVIF 图像?我已经查看了这个问题,在阅读答案后,我能够构建一个有用的单行函数来检查浏览器支持...

回答 3 投票 0

如何使用 React 和 Tailwind 设计响应式图片库的样式?

我目前正在尝试为我拍摄的照片建立一个响应式的作品集网站。我的目标是,根据当前屏幕宽度,显示特定数量的带图像的列。当...

回答 0 投票 0

如何使用引导程序构建完全响应的封面图像(宽度和高度)?

我正在尝试构建一个完全像这样的引导程序页面 --> https://voggt.crew.work/jobs 。 我无法制作响应式封面图片和个人资料图片。有没有可能用靴子来建造这个……

回答 0 投票 0

如何将多个图像放在文本之间的不同位置?

我是 CSS 的新手,我打算制作一个页面部分,其中文本之间有四个图像(两个左,两个右),每个图像位于不同的位置。我需要让它响应...

回答 0 投票 0

如何在特定布局 html css 中使图像响应

我正在尝试使用 left:0px; 等定位在 html css 中创建图片库,但我正在努力使图像响应不同的屏幕尺寸,同时保持布局。怎么...

回答 0 投票 0

如何使 CSS 横幅响应。它必须在较小的屏幕上改变它的高度和宽度

我希望我的横幅(使用 CSS 创建)表现得像图像,并在较小的屏幕上查看时保持纵横比。横幅有一个 bgcolor,两个单独的图像放置在它上面使用位置,一个......

回答 0 投票 0

“反应不够”?

我正在编写我的第一个项目,我有两个问题。 我想让网页响应。 我使用了手机尺寸 (360px) 和平板电脑尺寸 (768px),我的笔记本电脑尺寸是基本尺寸。 现在在这里...

回答 0 投票 0

在这个例子中,当 srcset 中有更好的图像时,为什么 Chrome 会选择更大的图像?

我正在尝试了解响应式图像的基础知识。 我有这个非常简单的网页: http://chubby-orange-fox.s3-website.eu-north-1.amazonaws.com/test.html ...

回答 0 投票 0

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