1. 阿里云>
  2. 云栖社区>
  3. 主题地图>
  4. S>
  5. srcset

当前主题:srcset

image的srcset属性

介绍 响应式页面中经常用到根据屏幕密度设置不同的图片。这个时候肯定会用到image标签的srcset属性。srcset属性用于设置不同屏幕密度下,image自动加载不同的图片。用法如下: <img src="image-128.png" srcset="im

阅读全文

Web开发中的响应式图片处理

目前手机等移动设备网站开发已经有比较好的解决方案,一种是响应式网站,像笔者博客一样,PC网站就是移动网站,一种是把移动网站和PC网站分开,类似淘宝那样。从网站SEO的角度来说,两者并无差别,也各有利弊,不论采取那种方式也都能解决移动设备浏览问题。随着移动设备和

阅读全文

《响应式Web图形设计》一13.4 多图像解决方案

本节书摘来异步社区《响应式Web图形设计》一书中的第13章,第13.4节,作者: 【美】Christopher Schmitt 译者: 曾斌 责编: 赵轩,更多章节内容可以访问云栖社区“异步社区”公众号查看。 13.4 多图像解决方案 响应式Web图形设计

阅读全文

[译] 原生实现图片懒加载

原文地址:Native image lazy-loading for the web! 原文作者:addyosmani 译文出自:掘金翻译计划 本文永久链接:github.com/xitu/gold-m… 译者:nanjingboy 校对者:xionglon

阅读全文

HTML 5.1 — 14 项新增特性及使用案例

HTML5 属于万维网联盟 (W3C), 这个组织为整个网络界提供了标准,如此形成的协议可在全世界通行。在 2016 年 11 月, W3C 对长期行使的 HTML 5 标准进行了更新,它是2年内的第一次小更新。许多最开始提出的 HTML 5.1 功能特性都

阅读全文

HTTP网络协议中的HTTP Client Hints 技术

最近几年各种 Web 技术一直在爆炸式发展,每天都有大量新东西涌现出来。针对这个现象,业内两位大佬最近先后发文表达了自己的观点:Stop pushing the web forward、Is the web platform getting too big?。

阅读全文

ipset高大上性能果断将nf-HiPac逼下课

netfilter,sourceforge,github上有一个凄凉的项目,那就是nf-hipac,这个曾经给Linux firewall设计带来希望的项目早在2005年就停止了更新和维护,而我本人则是在2007年才被曹老师带上道的...知道hipac则是20

阅读全文

Web 性能优化: 图片优化让网站大小减少 62%

摘要: 压缩各种格式的图片。 原文:Web 性能优化: 图片优化让网站大小减少 62% 作者:前端小智 Fundebug经授权转载,版权归原作者所有。 这是 Web 性能优化的第二篇,上一篇在下面看点击查看: Web 性能优化: 使用 Webpack 分离数

阅读全文

srcset相关问答

提问题

jQuery怎么替换一个html中的一个元素,是=号前面的那个。

`<div class="c-avatar"> <img srcset="http://www.demo.com/logo.png"> </div>` 我最近碰到一个问题,在其他浏览器下srcset是可以支持的,但是IE不行,可后端又没有这改的代

阅读全文

响应式设计下img标签如何设置才在移动端不加载图片

一个响应式页面中有一张图片 ``` <img src="./pic.jpg" alt=""/> ``` 我想要这张图片在移动端(比如max-device-width: 720px)下的时候隐藏该图片,但是直接display:none的话我发现浏览器还是

阅读全文