如何强制iPad Safari不以纵向模式缩小我的网页？

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    /* 在纵向模式下的样式 */
    body {
        /* 添加样式以适应纵向模式 */
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    /* 在横向模式下的样式 */
    body {
        /* 添加样式以适应横向模式 */
    }
}