Sei que não é exatamente a resposta que vc queria, mas talvez justamente por estar deprecado é que não é possível aplicar atributos como user-scalable=no
já que não há mais suporte ou atualizações para essa at rule
Mas vc pode usar o min-zoom
e max-zoom
para tentar limitar a escala, ex:
@viewport {
zoom: 1;
min-zoom: 100%;
max-zoom: 100%;
}
Tenha ciência que:
Este recurso não é mais recomendado. Embora alguns navegadores ainda possam suportá-lo, ele pode já ter sido removido dos padrões da web relevantes, pode estar em processo de exclusão ou pode ser mantido apenas para fins de compatibilidade. Evite usá-lo e atualize o código existente, se possível; consulte a tabela de compatibilidade na parte inferior desta página para orientar sua decisão. Esteja ciente de que esse recurso pode parar de funcionar a qualquer momento.
Fonte: https://developer.mozilla.org/en-US/docs/Web/CSS/@viewport
Além disso, a <meta name="viewport">
vai fazer o override do @viewport
, então se vc está tentando sobrescrever via CSS algo que está no meta viewport do HTML vc não vai conseguir.