srcset

0热度

1回答

我一直在尝试使用srcset和大小优化我的摄影网站上的图像，但浏览器中的检查员告诉我它正在加载最大的图像大小。为了证实这一点，我添加了一个带有数字的新图像，以便确定正在加载哪个尺寸的图像。但无论我如何处理媒体查询，我都无法让它正常工作。我认为我的问题与错误地编写媒体查询有关，但我对自己的智慧结束了。我已经以我可能想到的各种方式测试了这一点。我在这里看过一篇文章，说浏览器可能会缓存更大的图像。所以

0热度

1回答

srcset，如果我已经指定每个图像的宽度，是否还需要写入“1x，2x，3x”？

我应该写这个 srcset="small.jpg 1x 500w, medium.jpg 2x 1000w, large.jpg 3x 1500w" 或本 srcset="small.jpg 500w, medium.jpg 1000w, large.jpg 1500w" 是两个表达式一样吗？

0热度

1回答

TYPO3响应img datakey.xxx没有stdWrap？

我想在sourcecollection特定图像信息：如果原来imagewidth < 1040px也应该给它具有原始宽度的datakey，所以我试图让原来的宽度 maxW < TSFE:lastImageInfo|0 等目前存在的方法，但它似乎只捕获标签而不是价值。请参阅示例“小”。 TSRef表示width，maxW ...具有stdWrap功能，那么如何获取这些值？ tt_conte

3热度

1回答

具有多个最小宽度的vw和px值的srcset，哪些赢了，为什么？

我的sizes属性一直有问题。我刚才问了a question关于你应该声明哪个订单的尺寸，并且Yoav说： “你的尺寸值应该从最窄的断点开始，然后逐渐移动到更宽的断点，所以在你的情况下它应该是最小宽度：62.5em）25vw，（最小宽度：30em）50vw，100vw。否则，如果你在视网膜屏幕上，屏幕的DPR也考虑到了，当弄清楚要选择哪个图像时“。这是有道理的，但在这种情况下会发生什么。假设你

3热度

1回答

响应图像

我有以下 <img src="/img/footer/logo_white.png?v=2.0" srcset="/img/footer/logo_white.png?v=2.0 1x, /img/footer/logo_white2x.png?v=2.0 2x" > 其工作正常和hiDPI屏幕精细不受Safari浏览器的iOS尊重。

1热度

1回答

在'srcset`中解释`w`

据我所知，srcset用于根据设备的dpi确定要加载哪个图像。 <img src="lighthouse-200.jpg" sizes="50vw" srcset="lighthouse-100.jpg 100w, lighthouse-200.jpg 200w, lighthouse-400.jpg 400w, lighthouse-800.jpg 800w,

2热度

1回答

为什么加载两个srcset图像？

在开发响应式Web模板的上下文中，我使用srcset属性根据当前视口大小加载不同的图像。这在一般情况下工作正常。但是在生产模式下，图像从DAM（数字资产管理系统）加载，其中使用特殊参数来缩放和裁剪所请求的图像，例如， <img src="{url}/s,x,586,y,0/{img_id}" srcset="{url}/s,x,293,y,0/{img_id} 293w,

0热度

2回答

如何在React和Webpack中使用srcset 2x？

从这个答案 Dynamically Add Images React Webpack 我知道，如何使用阵营+的WebPack平常图片src。我怎样才能得到相同的结果srcset 2x有一个空间里面？它看起来像我无法从这样的字符串导入：从'./temp/[email protected] 2X' 进口图片; 它打破了，可能是因为里面有空间。我试图寻找一些插件，但是这 https://githu

0热度

1回答

srcset不能在img

我有一个React SimpleImage component它使用srcSet来使用img上的srcset属性。该组件具有的代码： const image = (<img {...imageStyle} src={src} srcSet={srcsetStr} alt={alt} width={width} height={heigh

1热度

1回答

amp-html Srcset不能同时具有宽度和dpr源

认为可能存在amp-html的错误。此代码生成在这两种情况下这个错误， Srcset cannot have both width and dpr sources 技术AMP⚡HTML - 版本1480633190770 <amp-img srcset=" /assets/projects/a/600/b-600.jpg 600w, /assets/projects/a/960