Caolin1010 2021-07-29 11:19 采纳率: 60%
浏览 47
已结题

background-image: -webkit-image-set 什么意思



```css
background-image: -webkit-image-set


不通过这个属性，我网页里的图片总是比ps里的图片大一倍，不知道是哪里出了问题，
  • 写回答

1条回答 默认 最新

  • 崽崽的谷雨 2021-07-29 11:23
    关注

    https://developer.mozilla.org/en-US/docs/Web/CSS/image/image-set()

    image-set()

    分辨率和带宽因设备和网络访问而异。该image-set()函数为用户的设备提供最合适的图像分辨率，提供一组图像选项——每个选项都有相关的分辨率声明——浏览器从中选择最适合设备和设置的分辨率。分辨率可以用作文件大小的代理——使用高分辨率屏幕的慢速移动连接上的用户代理可能更喜欢接收较低分辨率的图像，而不是等待加载更高分辨率的图像。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

  • postcss-image-set-function:在CSS中使用image-set（）
    2021-05-19 05:47
    PostCSS image-set（）函数 可让您按照规范在CSS中使用image-set()函数显示与分辨率...}@media ( -webkit-min-device-pixel-ratio : 2 ), ( min-resolution : 192 dpi ) { .example { background-image : url( img@2x.p
  • background-image属性image-set()和srcset
    2021-02-18 18:00
    JackieDYH的博客 image-set-option># ) <image-set-option> = [ <image> | <string> ] <resolution> image-set() 可以根据用户设备的分辨率匹配合适的图像-为不同的设备分配合适得图像 div { ...
  • image-set实现Retina屏幕下图片显示详细介绍
    2020-09-25 08:26
    background-image: -webkit-image-set( url(image-1x.jpg) 1x, url(image-2x.jpg) 2x ); ``` 在这个例子中，如果浏览器支持`image-set`并且是Retina屏幕，它将加载`image-2x.jpg`；如果是普通屏幕，则加载`image-...
  • CSS-背景图片 | background-image
    2018-09-12 09:13
    weixin_34392906的博客 background-imageCSS属性的元件上设置一个或多个背景图像。 /* Single value */ background-image: url('https://example.com/bck.png'); /* Multiple values */ background-image: url('https://exa...
  • CSS background-image 属性
    2023-09-06 07:21
    shengyin714959的博客 background-image 属性设置一个元素的背景图像。元素的背景是元素的总大小，包括填充和边界（但不包括边距）。默认情况下，background-image放置在元素的左上角，并重复垂直和水平方向。提示：请设置一种可用的背景...
  • CSS background-image
    2022-03-03 21:51
    庇耳拉海莱的博客 background-image 属性用于为一个元素设置一个或者多个背景图像 语法 每一个背景图片可以是关键字 none 或者 <image>. 如果指定多张背景图片, 就需要使用逗号 , 将图片分开 none 表示无背景图 <image...
  • css3 -webkit-image-set 设置不同分辨率 背景图片
    2017-03-29 10:08
    alisaGreen的博客 今天get到的一个新技能，看来好久没看css...image-set() = image-set( # )  = [ | ]  说明： image-set() 可以根据用户设备的分辨率匹配合适的图像。 为不同的设备分配合适得图像; 示例 div
  • -webkit新属性 image-set和srcset
    2019-09-11 15:12
    liu__software的博客 响应式图片的作用： 为使用不同分辨率的不同浏览器用户...但是-webkit新提出的image-set和srcset同样可以解决问题。 image-set用于CSS背景图: {background-image:url(image1.png); background-image:-webkit-im...
  • 如何使用image-set适配移动端高清屏图片
    2019-09-27 15:37
    我爱丁丁猫的博客 一、注意注意注意！ 什么dpr、css像素、设备像素，这里是没有的，网上太多讲解了，都很好，这里不废话，建议是先查找相关资料了解再看本文章。 该图片适配方案是基于vw单位适配方案的，具体如何用vw进行...
  • CSS `background` 属性深度解析：掌控元素的背景与视觉层次
    2025-09-23 07:53
    2501_93104808的博客 主要内容包括： 背景属性核心概念：涵盖background-color、background-image等8个核心属性，详细说明其语法、默认值和使用场景。 高级特性：探讨多背景图像实现、渐变背景创建技巧，以及响应式设计中背景的优化方法...
  • 9-Django项目--验证码操作
    2024-06-02 16:54
    金灰的博客 text = create_image_content() request.session["image_code"] = text request.session.set_expiry(60) stream = BytesIO() image.save(stream, "png") return HttpResponse(stream.getvalue()) 验证码 生成验证码...
  • 初探CSS4 -webkit-image-set
    2018-04-08 18:21
    xjl271314的博客 今天要讲述的是一个可以在webApp端适用的一个自适应图片大小的小技巧，来源于css4方案的 -webkit-...image-set-option&gt;# ) &lt;image-set-option&gt; = [ &lt;image&gt; | &lt;string...
  • -webkit-transform:scale(1.04)放大缩小效果
    2019-10-03 16:25
    date25000的博客 【鼠标移动进去图片放大一倍效果：运用了-webkit-transform:scale(1.04)效果】</p> 如图：鼠标移动上去的时候图片放大一倍的效果， <!DOCTYPE ...
  • 使用image-set()解决Retina屏图片显示问题
    2018-05-16 18:31
    Joyce的前端日常的博客 https://cloudfour.com/thinks/safari-6-and-chrome-21-add-image-set-to-support-retina-images/ 2. image-set (1) 兼容性 (2) 写法 div { background-image : url( "foo.png" ) ; ...
  • css3 cover,CSS3 background-size: cover doesn't make image
    2021-08-03 23:32
    门兑的博客 Are you interested in only using a CSS background image? This can be done by loading an image and constraining it with the CSS.Would either of these examples work?HTMLCSShtml {background: url(images/b...
  • 【CSS 背景属性 background】
    2019-11-05 00:42
    Hey_Coder的博客 3. background-image 属性: 背景图像 (范围到 内边距区的 外边缘,不含 边框) 4. background-attachment 属性: 背景图像的 固定和滚动 5. background-position 属性: 背景图像的 位置 (先水平,
  • css background
    2020-03-16 14:32
    boborookie的博客 来自MDN background简写属性顺序一直很困扰，特整理汇总 （同样困扰的还有font属性） 0. background 此属性是一个简写属性，可以在...background-image、 background-origin、 background-position、 background-re...
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 8月6日
  • 已采纳回答 7月29日
  • 创建了问题 7月29日