提供三种不同的响应式弹窗设置：适应屏幕宽度与高度、仅适应宽度、无缝隙缩放动画并带右上角关闭按钮。

每个图集项均可包含任意HTML内容，并支持混合内容类型。本示例启用了图片懒加载，根据滑动方向加载下一张图。如需添加触控滑动支持，请参考我的Smashing Magazine文章。

若希望在图片完全加载后才打开弹窗，可通过JavaScript预加载图片，或使用缩放后的图片替代缩略图。缩放效果目前仅支持图片。

在小屏幕设备上，弹窗将自动禁用，并触发链接的默认行为。

动画效果通过简单的CSS过渡实现，您可以根据需要自定义样式。更多动画效果可在CodePen上找到。

精选功能分区明确，快速定位所需栏目内容，球探比分与你一同发现更多精彩。

球探比分专注详细操作路径指引，新手也能轻松上手，为用户提供专业可靠的体验。

在打开和关闭弹窗，或在页面间导航后返回时，用户输入的数据将得到保留。

您可以完全控制弹窗内容，通过CSS将其对齐至任意侧边，并自由启用或禁用窗口右侧的滚动条。

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

此为错误消息显示的简易示例，您可以根据需要修改文本或样式。

示例