Foundation 图片
Foundation 提供了响应式的图片，可以创建缩略图和图片弹窗：
尝试一下 »
缩略图
在 元素外添加 元素将图片作为一个锚链接。
在 标签中添加 .th 类将图片设置为缩略图。 鼠标移动到上面会显示一个浅蓝色外框:
实例
尝试一下 »
Note 响应式图片
Foundation 中图片默认是响应式的。我们可以在实例页面重置浏览器大小来查看图片缩放效果。
圆角图片
我们可以在 .th 类添加 .radius 类来设置圆角缩略图：
实例
Foundation 图片1
2024-11-04
139
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
Foundation 提供了响应式图片功能，支持创建缩略图和图片弹窗。通过在 `<img>` 元素外添加 `<a>` 元素并使用 `.th` 类，可以实现缩略图效果。此外，Foundation 的图片默认是响应式的，支持浏览器窗口大小调整。添加 `.radius` 类可创建圆角缩略图。
相关文章
|
Web App开发
Java
应用服务中间件
|
存储
|
移动开发
前端开发
数据挖掘
|
Java
开发工具
|
小程序
程序员
UED
|
JavaScript
前端开发
IDE
Typescript基础：如何更好的生成Typescript声明文件.d.ts
Typescript已经被前端广泛使用，如果你的项目还没有使用，建议赶紧使用起来，真的会对你的项目有足够的提升
986
0
0
|
消息中间件
大数据
关系型数据库
|
人工智能
搜索推荐
大数据
|
消息中间件
监控
数据安全/隐私保护
热门文章
最新文章
1
中文大模型体验测评系列（一）
2
《Cadence 16.6电路设计与仿真从入门到精通》——1.4 Cadence SPB 16.6的启动
3
真正实现性能可预期的ECS实例（突发性能实例t5）
4
百度网盘搜索引擎
5
ModelScope一键部署模型：新手村实操FAQ篇
6
从校招生到核心架构师，支付宝研究员李俊奎谈如何成为一名优秀的程序员
7
AliOS Things+阿里云 10分钟搭建智慧农业解决方案
8
想在Daydream View上看成人内容，GameLink为你准备好一切
9
上云就上阿里云背后：云计算已成为新旧动能转换关键
10
详解 JSON 和 JSONP
1
阿里云服务器优惠购买方法及自定义购买详细流程，新手入门必看
41
2
阿里云云服务器ECS：安全、稳定、购买灵活、低成本
48
3
Spring Boot 3.0 vs. 2.0
77
4
优雅处理空指针：Java Optional深度解析
37
5
Java Stream API：告别繁琐循环，拥抱函数式编程
29
6
掌握Java Stream API：告别繁琐循环，拥抱函数式编程
26
7
优雅处理空值：Java Optional深度实践
160
8
Java记录类：告别样板代码的简洁之道
24
9
掌握Java Stream API：告别繁琐循环，拥抱高效编程
24
10
突破异步困境：巧用Promise.all()优化前端性能
148