我希望這個iframe在筆記本電腦屏幕上以640像素的寬度顯示，但在移動設備上擴展到100%的寬度。這在我的Macbook上運行良好，在Chrome和Safari上都可以，也就是說，當我調整屏幕大小時，視頻會按照我的預期進行調整。然而，當我在我的iPhone上看這個視頻時，它只有郵票大小。怎么回事？

HTML:

<iframe
            class="Absolute-Center videodrome"
            src="//www.youtube.com/embed/fGOy0C-V_9I"
            frameborder="0"
            allowfullscreen>
</iframe>

CSS:

.videodrome {
    aspect-ratio: 16 / 9;
    width: 100%;
}

@media (min-width: 768px) {
    .videodrome {
        aspect-ratio: 16 / 9;
        width: 640px;
    }
}

.Absolute-Center {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}