会员
周边
众包
新闻
博问
闪存
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
lomook
博客园
首页
新随笔
联系
订阅
管理
响应式图像和视频处理
分为两部分:
响应式图像
srcset 和 sizes 属性:学习了使用 srcset 和 sizes 属性为不同设备提供合适的图像尺寸。srcset 用于指定多个不同分辨率的图像,sizes 用于根据不同的视口宽度选择合适的图像。例如:
html
元素:掌握了
元素的使用,它可以根据不同的媒体查询条件选择不同的图像源。这对于提供不同格式(如 WebP 和 JPEG)的图像非常有用。例如:
html
2. 响应式视频 学习了如何使用 HTML5 的
元素实现响应式视频。通过设置 width 为 100% 和 height 为 auto,可以让视频根据容器的宽度自动调整大小。例如: html
Your browser does not support the video tag.
posted @
2025-02-20 19:40
Lomook
阅读(
3
) 评论(
0
)
收藏
举报
刷新页面
返回顶部
公告