三种不同的缩放设置，满足您对弹窗尺寸的个性化需求。第一种适配屏幕宽度和高度，第二种仅适配宽度，第三种则无缝衔接，并带有缩放动画与右上角关闭按钮。

您可以在每个图库项中嵌入任何HTML内容，并混合不同类型的内容。此示例启用了智能预加载，根据浏览方向预载下一张图片。如需添加触控滑动支持，请参阅我的Smashing Magazine文章。

如需在图片完全加载后再打开弹窗，您可以通过JavaScript预加载图片。或者使用缩略图的缩放版本。目前，缩放效果仅支持图片。

在此示例中，弹窗在小屏幕尺寸下会自动禁用，并触发链接的默认行为。

动画效果通过简单的CSS过渡实现，您可以随心所欲地定制其外观。更多动画效果请访问CodePen。

赛事精彩集锦

此为演示内容，仅用于展示排版效果，不包含实际意义。此处内容仅供视觉参考，不提供任何信息。

即使关闭弹窗或回退浏览器页面，您输入的数据也不会丢失。

您可以完全控制弹窗显示的内容，通过CSS将其对齐至任意侧边，并决定是否在窗口右侧启用滚动条等。

模态窗口将禁用常规的关闭方式。

这是错误消息显示的简易示例。当然，您可以自行修改文本或样式。

功能演示