问题描述
我的博客是https://testfnm12.blogspot.com，基于Blogger动态视图FLIPCARD主题。
在移动设备上，白色的弹出面板过于狭窄，如以下屏幕截图所示：
我的博客是要展示我的照片，因此我希望弹出面板具有全屏宽度，以便将照片显示得尽可能大。
我尝试使用以下CSS来扩大面板的范围：.overview-wrap{ width: 105% !important; }
确实会增加“弹出”面板的宽度，但是不幸的是，该面板现在偏离中心并且偏离屏幕的右边缘，如以下屏幕快照所示：
我不知道如何使面板居中，甚至我甚至不确定这是否是正确的CSS，可用于使“弹出式”面板全屏显示。
如果有人请告诉我如何使弹出面板占据移动屏幕的整个宽度，我将不胜感激。谢谢！
解决方法
我自己想出了答案。使用此CSS将使“弹出窗口”面板的宽度扩大到“移动”屏幕的整个宽度：
@media screen and (max-width: 768px) {
.overview-wrap{
width: 110%;
margin: -8vw !important;
}
}