Javascript 移动设备上的Fancybox按钮太小（无响应站点）

我用我的手机

Fancybox按钮（、x、标题）在我的android上非常小，我的视口是静态的：

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

我不能使用“width device，initial scale=1.0”，因为它没有响应性，并且错误地显示了我的站点，所以我需要一个静态（无响应）网站的解决方案

---

可能与此插件的css/js文件有关？

您需要超越fancybox提供的默认样式

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

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

---

若要更进一步，请确保在包含jquery.fancybox.css后包含上述样式。如果愿意，可以使用css轻松缩放所有界面元素，例如：

.fancybox-infobar__body, .fancybox-button {
  transform: scale(1.5);
}

---

谢谢大家，我用Niket提供的媒体查询一个接一个地更改了它们，效果很好，现在我知道还有一个更短的方法@Janis…：-）

以下是我的css，供任何想知道的人使用：

@media all and (max-width: 800px) {
.fancybox-caption {
    line-height: 35px;
    font-size: 30px;
}
.fancybox-infobar__body {
    font-size: 30px;
    width: 120px;
    line-height: 60px;
    margin-left: 10px;
}
.fancybox-button {
    width: 60px;
    height: 60px;
    line-height: 60px;
}
.fancybox-button--close::before, .fancybox-button--close::after {
    height: 3px;
    width: 30px;
    left: calc(50% - 15px);
}

---

非常感谢你，你帮了我很多！不客气：）如果答案对你有用，你能把它标为正确答案吗。