【提问】想给PC端和移动端超级嵌入有不同的窗口比例,但是一直都不对求解!!!-zibll综合交流社区-zibll子比主题-WordPress主题模板-zibll子比主题

提问想给PC端和移动端超级嵌入有不同的窗口比例,但是一直都不对求解!!!

目标是嵌入的是一个krpano生成的全景漫游静态页面!

PC端 超级嵌入窗口比利时16:9 类似视频窗口,移动端超级嵌入的窗口变为9:16 类似竖屏的视频窗口。

豆包指导我,在子比主题自定义CSS的地方输入,

@media screen and (max-width: 767px) {
    .wp-block-zibllblock-iframe.wp-block-embed.is-type-video.mb20 {
        aspect-ratio: 9/16 !important;
        max-height: none !important; /* 移除最大高度限制 */
        overflow: visible !important; /* 确保内容不会被隐藏 */
    }
}

但是一直显示对不对类似下图,是这个代码没有找对么。

.wp-block-zibllblock-iframe.wp-block-embed.is-type-video.mb20

现在显示的效果如下,页面变长了但是超级嵌入的窗口没有变化,求大佬看看!

20250614005024230-QQ20250614-004917

 

请登录后发表评论

    没有回复内容