Отключить масштабирование только для портретного режима на 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 путь, но вы можете сделать это с JS, создав сценарий, который вставляет и удаляет этот мета-тег, когда в портретном режиме и ландшафта режим:

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

Если вся причина, вы хотите сделать это, потому что сайт не масштабируется при изменении ориентации, то этот же мета-тег полезен для этого, и может быть сделан без отключения нашего очень понравилось увеличение с помощью:

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

Хотя это не так здорово, так как в любом случае он отключает масштабирование некоторых устройств.