仅在iPad上禁用纵向模式缩放

Question

是否可以仅使用CSS执行此操作？ 以某种方式将其与某些特定规则相结合

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
    /* Styles */
}

Answer 1

我不确定是否有CSS方式，但你可以通过创建一个在纵向模式和横向模式下插入和删除这个元标记的脚本来实现它：

<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

如果您希望这样做的全部原因是因为当方向更改时网站无法正确缩放，那么这个相同的元标记对此非常有用，并且可以通过使用以下方式在不禁用我们喜爱的缩放的情况下完成：

<meta name="viewport" content="initial-scale=1, maximum-scale=1"> 

虽然它不是那么好，因为它无论如何都禁用某些设备上的缩放。