Blogger Dynamic Views FLIPCARD：如何增加移动设备上弹出面板的宽度？

Question

我的博客 https://testfnm12.blogspot.com 基于 Blogger 动态视图 FLIPCARD 主题。

在移动设备上，白色弹出面板太窄了，如以下屏幕截图所示：

我的博客是为了展示我的照片，所以我希望弹出面板是全屏宽度，这样照片就可以显示得尽可能大。

我尝试使用这个CSS使面板更宽：.overview-wrap{ width: 105% !important; } 这确实增加了弹出面板的宽度，但不幸的是，面板现在偏离中心并离开屏幕的右边缘，如以下屏幕截图所示：

我不知道如何使面板居中，事实上我什至不确定这是否是正确的 CSS 用来使弹出面板占据屏幕的整个宽度。

如果有人能告诉我如何让弹出面板占据移动屏幕的整个宽度，我将不胜感激。谢谢！

Answer 1

我自己想出了答案。使用此 CSS 将使 Pop-Up 面板变宽到移动屏幕的整个宽度：

@media screen and (max-width: 768px) {
.overview-wrap{
width: 110%;
margin: -8vw !important;
}
}