没有合适的资源?快使用搜索试试~ 我知道了~
responsive-images-notes:响应式图片的很多注意事项——主要集中在Picturefill
需积分: 5 0 下载量 59 浏览量
2021-06-26
14:11:33
上传
评论
收藏 9.01MB ZIP 举报
温馨提示
概述 实施响应式图像的策略。 计划好您实施的任何内容都将被弃用的事实。 ####变量: 布局中图像的渲染大小(以 CSS 像素为单位) 屏幕密度 我们可以使用的各种大小文件的尺寸 ####考虑的因素: 旧版浏览器有问题吗? 图片元素和 srcset 属性等方法并未得到广泛支持。 (Picturefill 2.2.0 polyfill 支持 IE9) 响应时间 - 如果不是至关重要的第三方或后端解决方案。 网站上是否已经有很多图片正在尝试过渡到响应式图片? 是否存在关于验证或语义标签(或更确切地说是非语义标签)的问题? 这将需要一个后端解决方案将图像请求路由到诸如类的东西,它检测屏幕大小并自动创建、缓存和提供适合设备的页面嵌入 HTML 图像的重新缩放版本,无需任何标记更改。 艺术指导 - 当我们转向响应式网站时,我们需要为设计师启用艺术指导。 TDOY 网站已经看到了需求。
资源推荐
资源评论
资源评论
薯条说影
- 粉丝: 607
- 资源: 4688
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功