最好的APP开发公司是怎样解决图片大小适应的

当前位置：

发布时间：2019-08-17

文章编辑：网站建设文章来源：APP开发浏览量：次

最好的APP开发公司是怎样解决图片大小适应的，深圳APP开发公司提醒使用不同浏览器图片大小的方案，img的srcset属性为使用不同分辨率的不同浏览器用户提供适合其浏览环境图片大小的解决方案。例如：
01 < img src=" standard. jpg"
02 alt=" an image"
03 srcset=" small_ 480. jpg 480w,
04 standard_ 768. jpg 768w,
05 large_ 1024. jpg 1024w,
06 large@ 2x. jpg 2x" />

从上面的代码片段可以看出srcset属性使用一系列逗号分隔的属性值。起初觉得有一点冗长，但是仔细看就会发现几乎每个图片文件名都以字母w结尾。这个属性值告诉浏览器图片的大小或限制。可srcset该属性值分解如下：屏幕尺寸为0～480px之间的显示图片small_480.jpg。屏幕尺寸为481～768px之间的显示图片standard_768.jpg。屏幕尺寸为769～1024px之间的显示图片large_1024.jpg。高像素密度屏幕显示图片large@2x.jpg。其他屏幕使用图片standard.jpg。目前，srcset属性的兼容性如图9.19所示，

可以参考http://caniuse.com/#search=srcset。

可以通过polyfill（https://github.com/borismus/srcset-polyfill）来使用srcset属性，并完成兼容问题。需要注意的是，按需加载虽然能提升首屏加载的速度，但是也有可能带来更多的界面重绘，影响渲染性能，因此要评估具体的业务场景再做决定。好了，APP开发公司本文关于怎样解决不同浏览器图片大小加载的优化解决方案就分享到这里，谢谢关注。博纳网络编辑整理。

当前文章链接：/construction/appkaifa/3556.html

上一篇：APP开发项目需要的项目组成员下一篇：APP开发确定用户筛选标准

返回列表