自适应网页设计技术开发应用

阅读  ·  发布日期 2021-08-18 08:47  ·  admin
   自适应网页设计技术开发应用人们使用移动终端上网, 除了阅读文字、图片信息外, 一个重要应用就是观看视频;而在网页中视频显示较文字、图片显示更复杂, 相应视频自适应实现起来也更复杂, 加之本地视频和远程视频在自适应实现上也不尽相同;我们可以说, 如果实现了视频自适应, 那么其他文字、图片等页面元素的自适应也就不成为问题。

        本地视频自适应网页设计方法。(1)、媒体查询技术实现方法:可以使用在本地视频文件上添加媒体查询规则的方法实现, 当移动终端设备中的视频与添加的媒体查询规则相匹配时立即加载相应视频。

        (2)、流动布局技术实现方法:除了上述媒体查询技术方法, 还可以通过用CSS指定视频文件流媒体尺寸方法实现。