javascript - Fancybox 按钮在手机上太小(无响应的网站)

Question

我使用 Fancybox 3对于我的 gallery .

Fancybox 按钮(<、>、x、标题)在我的 android 上非常小，我的视口(viewport)是静态的:

<meta name="viewport" content="width=640">

我不能使用 'width-device, initial-scale=1.0' 因为它没有响应，而且显示我的网站不正确所以我需要一个静态(无响应)网站的解决方案..

可能是这个插件的css/js文件有问题？

Answer 1

您需要覆盖 fancybox 提供的默认样式。

例如，要使标题更大，您可以使用类似

的内容

@media (max-width: 800px)
.fancybox-caption {
    font-size: 35px;
}

要覆盖，请确保在包含 jquery.fancybox.css 之后包含上述样式