管理如何在响应式网页中安置和处理图片及视频.pdfVIP

如何在响应式⽹页中安置和处理图⽚及视频 原⽂出处：http://www .uisdc .com/images-and-videos-responsive-website @陈⼦⽊ ：响应式⽹页设计，是⼀种正在流⾏的⽹页开发思想，它是利⽤ 活可变的 栅格系统，令⽹页的显⽰模式可以根据访问设备的屏幕尺⼨规格⽽进⾏⾃适应。预计 20 15年的时候，移动端的⽤户数量将会从⽬前的8亿，增长到19亿，⽽这也意味着⽬ 前我们为桌⾯浏览器⽽设计的⽹页，将会在他们的⼿机和平板上呈现出⾮常糟糕的使 ⽤体验。 但是随着实际应⽤状况的改变，响应式⽹页设计还是会出现⼀系列复杂的并发症。本 ⽂余下的部分，就是详细阐述如何在响应式⽹页中安置和处理多媒体元素，诸如图⽚ 和视频，最终的⽬的是帮你做出⼀个靠谱的⽹站，能让这些元素⽆缝地在各种⼿持设 备上加载运⾏，提升⽤户体验。 响应式⽹页设计中的图⽚处理 先说说响应式图⽚的处理⽅法。在响应式⽹页设计中，图⽚处理的问题或多或少地和 传统⽹页中的导航栏设计有相似之处。随着新的移动设备的普及，更⾼像素密度的屏 幕使得⽹页的任何⼀个瑕疵都显得⽆⽐明显，因此，图⽚处理的核⼼问题在于如何确 保⽹站 （尤其是图⽚）的各个⽅⾯都能尽可能 活，并且确保每个像素不会在⾼分屏 下模糊。 图⽚显⽰的问题 ⾸先，当