事情是这样的，我在webview页面里有个样式 [图片] 效果本来是这样子的： [图片] 然后跳转到skyline页面里，就变成这个样子了，应该是white-space：pre； [图片] 求求了，这是我项目中最后一个skyline页面了， 如果再不能实现的话，我就只能忍痛全部退回到webview了。 （心累）极其舍不得丢弃snapshot组件，才一直保留这个skyline页面的。

/* 正常屏幕尺寸时 */ .card-container { display: flex; justify-content: center; width: 750rpx; height: 66.62vh; flex-grow: 1; margin-top: 2vh; } .icon-container { display: flex; justify-content: center; align-items: center; width: 750rpx; } /* 屏幕高度小于667px时 */ @media screen and (max-height: 667px){ .card-container { transform-origin: 50% 25%; transform: scale(0.906); display: flex; justify-content: center; width: 750rpx; height: 1000rpx; margin-top: 5vh; flex-grow: 1; } .icon-container { display: flex; justify-content: center; align-items: center; width: 600rpx; } 出现的问题是： 当我加了@media之后，发现所有手机尺寸的，都按这个样式生效了。 也就是说，相当于 @media screen and (max-height: 667px)这个筛选条件，并没有生效。 是skyline渲染引擎中不支持吗？ 如果不支持的话，我应该怎么实现匹配不同屏幕的样式？