html - Blogger 动态视图 FLIPCARD：如何增加移动设备上弹出面板的宽度？

Question

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

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

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

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

我不知道如何使面板居中，实际上我什至不确定这是用于使弹出面板成为屏幕全宽的正确 CSS。

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

Answer 1

我自己已经想出了答案。使用这个 CSS 将使弹出面板更宽到移动屏幕的整个宽度：

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