Astro 组件的问题

Answer 1

您需要了解老虎机如何运作

所以基本上 Astro 中的老虎机将元素放在它后面 当使用组件作为父组件时 https://docs.astro.build/en/core-concepts/astro-components/#named-slots

对于基本解决方案，这可以使用 CSS 来完成，是的，您可以根据打开网页的设备以编程方式实现

所以使用CSS的解决方案是反转flex

.features-container {
        ...
display:flex;
flex-direction: column;
    }
    @media and screen (max-width: 599px){
.features-container {
        ...
display:flex;
flex-direction: column-reverse;
    }
}

这将使输出像 投币口 插槽#之前

如果你想以编程方式做到这一点，你必须使用 JS

跟随该片段

const isMobile = navigator.userAgentData.mobile; //resolves true/false

userAgentData 兼容性图表