Nessa aula, foi ensinado que devemos pensar em mobile first para desenvolver o layout do site de forma responsiva e acessível. Por isso, não faz sentido tirar o zoom da página, pois isso fere a liberdade do usuário mobile e uma das heurística de usabilidade de Nielsen.
Então, o seguinte código está errado:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
Pois define uma escala de zoom máxima (maximum-scale=1.0
) e, além disso, não permite que o usuário dê zoom na página (user-scalable=no
).
A minha dúvida é sobre o initial-scale=1.0
, teria problema deixá-lo na página, dessa maneira abaixo?
<meta name="viewport" content="width=device-width, initial-scale=1.0" />