浅谈网页布局中的响应式图片

Discussing on the responsive images in Web layout

在目前响应式设计和自适应设计流行的情况下,响应式图片是响应式网页布局中的一个重要方面。介绍了响应式图片在网页应用中的优点,简单分析了js和CSS两种实现响应式图片的方式,研究了HTML5规范下全新的响应式图片的实现方式,最后对js、CSS和HTML5三种实现方式进行比较,分析其各自的优缺点。

At present, responsive design and adaptive design are popular, responsive picture is an important aspect to responsive Web layout. This article introduced the advantages of responsive images in Web applications, analyzed two traditional ways of js and CSS to realize responsive images, and studied the new implementation under the standard HTMLS. Finally, the js, CSS and HTML5 were compared to analyze their advantages and disadvantages.